diff --git a/framework/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Cards.cshtml b/framework/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Cards.cshtml
index 4f23e041f8..feefc2c04a 100644
--- a/framework/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Cards.cshtml
+++ b/framework/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Cards.cshtml
@@ -38,7 +38,10 @@
     <div class="demo-area">
         <abp-card style="width: 18rem;">
             <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>
+                <abp-card-text>
+                    This is a sample card component built by
+                    ABP bootstrap card tag helper.
+                </abp-card-text>
                 <a abp-card-link href="#">Card link</a>
                 <a abp-card-link href="#">Another link</a>
             </abp-card-body>
@@ -62,11 +65,14 @@
 <div class="demo-with-code">
     <div class="demo-area">
         <abp-card style="width: 18rem;">
-            <img abp-card-image="Top" src="~/imgs/demo/300x200.png" alt="Card image cap">
+            <img abp-card-image="Top" src="~/imgs/demo/300x200.png">
             <abp-card-body>
                 <abp-card-title>Card title</abp-card-title>
-                <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 href="#" class="btn btn-primary">Go somewhere</a>
+                <abp-card-text>
+                    This is a sample card component built by
+                    ABP bootstrap card tag helper.
+                </abp-card-text>
+                <a abp-button="Primary" href="#">Go somewhere &rarr;</a>
             </abp-card-body>
         </abp-card>
     </div>