diff --git a/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Tooltips.cshtml b/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Tooltips.cshtml
index 2320fb846e..a85d70e159 100644
--- a/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Tooltips.cshtml
+++ b/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Tooltips.cshtml
@@ -13,38 +13,38 @@
 <div class="demo-with-code">
     <div class="demo-area">
 
-        <abp-button button-type="Dark" abp-tooltip="Tooltip Default">
+        <abp-button abp-tooltip="Tooltip Default">
             Tooltip Default
         </abp-button>
-        <abp-button button-type="Primary" abp-tooltip-top="Tooltip on top">
+        <abp-button abp-tooltip-top="Tooltip on top">
             Tooltip on top
         </abp-button>
-        <abp-button button-type="Warning" abp-tooltip-right="Tooltip on right">
+        <abp-button abp-tooltip-right="Tooltip on right">
             Tooltip on right
         </abp-button>
-        <abp-button button-type="Danger" abp-tooltip-bottom="Tooltip on bottom">
+        <abp-button abp-tooltip-bottom="Tooltip on bottom">
             Tooltip on bottom
         </abp-button>
-        <abp-button button-type="Success" abp-tooltip-left="Tooltip on left">
+        <abp-button abp-tooltip-left="Tooltip on left">
             Tooltip on left
         </abp-button>
 
     </div>
     <div class="code-area">
         <pre>
-&lt;abp-button button-type=&quot;Dark&quot; abp-tooltip=&quot;Tooltip Default&quot;&gt;
+&lt;abp-button  abp-tooltip=&quot;Tooltip Default&quot;&gt;
   Tooltip Default
 &lt;/abp-button&gt;
-&lt;abp-button button-type=&quot;Primary&quot; abp-tooltip-top=&quot;Tooltip on top&quot;&gt;
+&lt;abp-button abp-tooltip-top=&quot;Tooltip on top&quot;&gt;
    Tooltip on top
 &lt;/abp-button&gt;
-&lt;abp-button button-type=&quot;Warning&quot; abp-tooltip-right=&quot;Tooltip on right&quot;&gt;
+&lt;abp-button abp-tooltip-right=&quot;Tooltip on right&quot;&gt;
   Tooltip on right
 &lt;/abp-button&gt;
-&lt;abp-button button-type=&quot;Danger&quot; abp-tooltip-bottom=&quot;Tooltip on bottom&quot;&gt;
+&lt;abp-button abp-tooltip-bottom=&quot;Tooltip on bottom&quot;&gt;
   Tooltip on bottom
 &lt;/abp-button&gt;
-&lt;abp-button button-type=&quot;Success&quot; abp-tooltip-left=&quot;Tooltip on left&quot;&gt;
+&lt;abp-button abp-tooltip-left=&quot;Tooltip on left&quot;&gt;
   Tooltip on left
 &lt;/abp-button&gt;
 </pre>