diff --git a/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Card/AbpCardBodyTagHelper.cs b/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Card/AbpCardBodyTagHelper.cs
index 907e3d74aa..b28b126cf2 100644
--- a/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Card/AbpCardBodyTagHelper.cs
+++ b/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Card/AbpCardBodyTagHelper.cs
@@ -2,9 +2,9 @@
 {
     public class AbpCardBodyTagHelper : AbpTagHelper<AbpCardBodyTagHelper, AbpCardBodyTagHelperService>
     {
-        //public string Title { get; set; } //TODO: ...
+        public string Title { get; set; }
 
-        //public string Subtitle { get; set; } //TODO: ...
+        public string Subtitle { get; set; }
 
         public AbpCardBodyTagHelper(AbpCardBodyTagHelperService tagHelperService)
             : base(tagHelperService)
diff --git a/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Card/AbpCardBodyTagHelperService.cs b/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Card/AbpCardBodyTagHelperService.cs
index 5e9a098551..be5f532fd0 100644
--- a/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Card/AbpCardBodyTagHelperService.cs
+++ b/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Card/AbpCardBodyTagHelperService.cs
@@ -1,4 +1,5 @@
 using System;
+using Microsoft.AspNetCore.Mvc.Rendering;
 using Microsoft.AspNetCore.Razor.TagHelpers;
 using Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Microsoft.AspNetCore.Razor.TagHelpers;
 
@@ -11,15 +12,30 @@ namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.Card
             output.TagName = "div";
             output.Attributes.AddClass("card-body");
 
-            //if (!TagHelper.Title.IsNullOrWhiteSpace())
-            //{
-            //    //TODO...
-            //}
+            ProcessTitle(output);
+            ProcessSubtitle(output);
+        }
 
-            //if (!TagHelper.Subtitle.IsNullOrWhiteSpace())
-            //{
-            //    //TODO...
-            //}
+        private void ProcessTitle(TagHelperOutput output)
+        {
+            if (!TagHelper.Title.IsNullOrWhiteSpace())
+            {
+                var cardTitle = new TagBuilder(AbpCardTitleTagHelper.DefaultHeading.ToHtmlTag());
+                cardTitle.AddCssClass("card-title");
+                cardTitle.InnerHtml.Append(TagHelper.Title);
+                output.PreContent.AppendHtml(cardTitle);
+            }
+        }
+
+        private void ProcessSubtitle(TagHelperOutput output)
+        {
+            if (!TagHelper.Subtitle.IsNullOrWhiteSpace())
+            {
+                var cardSubtitle = new TagBuilder(AbpCardSubtitleTagHelper.DefaultHeading.ToHtmlTag());
+                cardSubtitle.AddCssClass("card-subtitle text-muted mb-2");
+                cardSubtitle.InnerHtml.Append(TagHelper.Subtitle);
+                output.PreContent.AppendHtml(cardSubtitle);
+            }
         }
     }
 }
\ No newline at end of file
diff --git a/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Card/AbpCardSubtitleTagHelper.cs b/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Card/AbpCardSubtitleTagHelper.cs
index 35bbc6afa7..cc6ef506dd 100644
--- a/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Card/AbpCardSubtitleTagHelper.cs
+++ b/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Card/AbpCardSubtitleTagHelper.cs
@@ -2,11 +2,14 @@
 {
     public class AbpCardSubtitleTagHelper : AbpTagHelper<AbpCardSubtitleTagHelper, AbpCardSubtitleTagHelperService>
     {
-        public HtmlHeadingType Heading { get; set; } = HtmlHeadingType.H6;
+        public static HtmlHeadingType DefaultHeading { get; set; } = HtmlHeadingType.H6;
+
+        public HtmlHeadingType Heading { get; set; } = DefaultHeading;
 
         public AbpCardSubtitleTagHelper(AbpCardSubtitleTagHelperService tagHelperService)
             : base(tagHelperService)
         {
+
         }
     }
 }
\ No newline at end of file
diff --git a/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Card/AbpCardTitleTagHelper.cs b/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Card/AbpCardTitleTagHelper.cs
index 2797e46e2d..410a64d76d 100644
--- a/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Card/AbpCardTitleTagHelper.cs
+++ b/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Card/AbpCardTitleTagHelper.cs
@@ -2,7 +2,9 @@
 {
     public class AbpCardTitleTagHelper : AbpTagHelper<AbpCardTitleTagHelper, AbpCardTitleTagHelperService>
     {
-        public HtmlHeadingType Heading { get; set; } = HtmlHeadingType.H5;
+        public static HtmlHeadingType DefaultHeading { get; set; } = HtmlHeadingType.H5;
+
+        public HtmlHeadingType Heading { get; set; } = DefaultHeading;
 
         public AbpCardTitleTagHelper(AbpCardTitleTagHelperService tagHelperService) 
             : base(tagHelperService)
diff --git a/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Cards.cshtml b/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Cards.cshtml
index 706a58b7a6..f4832ff618 100644
--- a/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Cards.cshtml
+++ b/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Cards.cshtml
@@ -40,9 +40,7 @@
 <div class="demo-with-code">
     <div class="demo-area">
         <abp-card style="width: 18rem;">
-            <abp-card-body>
-                <abp-card-title>Card title</abp-card-title>
-                <abp-card-subtitle class="mb-2 text-muted">Card subtitle</abp-card-subtitle>
+            <abp-card-body title="Card title" subtitle="Card subtitle">
                 <abp-card-text>Some quick example text to build on the card title and make up the bulk of the card's content.</abp-card-text>
                 <a abp-card-link href="#">Card link</a>
                 <a abp-card-link href="#">Another link</a>