diff --git a/framework/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/ButtonGroups.cshtml b/framework/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/ButtonGroups.cshtml
index 25322444db..90cd39f7ab 100644
--- a/framework/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/ButtonGroups.cshtml
+++ b/framework/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/ButtonGroups.cshtml
@@ -86,22 +86,22 @@
         <abp-tabs>
             <abp-tab title="Tag Helper">
                 <pre><code>
-    &lt;abp-button-toolbar&gt;
-    &lt;abp-button-group class=&quot;mr-2&quot;&gt;
-    &lt;abp-button button-type=&quot;Secondary&quot;&gt;1&lt;/abp-button&gt;
-    &lt;abp-button button-type=&quot;Secondary&quot;&gt;2&lt;/abp-button&gt;
-    &lt;abp-button button-type=&quot;Secondary&quot;&gt;3&lt;/abp-button&gt;
-    &lt;abp-button button-type=&quot;Secondary&quot;&gt;4&lt;/abp-button&gt;
-    &lt;/abp-button-group&gt;
-    &lt;abp-button-group class=&quot;mr-2&quot;&gt;
-    &lt;abp-button button-type=&quot;Secondary&quot;&gt;5&lt;/abp-button&gt;
-    &lt;abp-button button-type=&quot;Secondary&quot;&gt;6&lt;/abp-button&gt;
-    &lt;abp-button button-type=&quot;Secondary&quot;&gt;7&lt;/abp-button&gt;
-    &lt;/abp-button-group&gt;
-    &lt;abp-button-group&gt;
-    &lt;abp-button button-type=&quot;Secondary&quot;&gt;8&lt;/abp-button&gt;
-    &lt;/abp-button-group&gt;
-    &lt;/abp-button-toolbar&gt;
+        &lt;abp-button-toolbar&gt;
+            &lt;abp-button-group class=&quot;mr-2&quot;&gt;
+                &lt;abp-button button-type=&quot;Secondary&quot;&gt;1&lt;/abp-button&gt;
+                &lt;abp-button button-type=&quot;Secondary&quot;&gt;2&lt;/abp-button&gt;
+                &lt;abp-button button-type=&quot;Secondary&quot;&gt;3&lt;/abp-button&gt;
+                &lt;abp-button button-type=&quot;Secondary&quot;&gt;4&lt;/abp-button&gt;
+            &lt;/abp-button-group&gt;
+            &lt;abp-button-group class=&quot;mr-2&quot;&gt;
+                &lt;abp-button button-type=&quot;Secondary&quot;&gt;5&lt;/abp-button&gt;
+                &lt;abp-button button-type=&quot;Secondary&quot;&gt;6&lt;/abp-button&gt;
+                &lt;abp-button button-type=&quot;Secondary&quot;&gt;7&lt;/abp-button&gt;
+            &lt;/abp-button-group&gt;
+            &lt;abp-button-group&gt;
+                &lt;abp-button button-type=&quot;Secondary&quot;&gt;8&lt;/abp-button&gt;
+            &lt;/abp-button-group&gt;
+        &lt;/abp-button-toolbar&gt;
 </code></pre>
             </abp-tab>
             <abp-tab title="Rendered">
@@ -186,7 +186,7 @@
     </div>
 </div>
 
-<h4>Vertical variation</h4>
+<h4>Nesting</h4>
 
 <div class="demo-with-code">
     <div class="demo-area">
@@ -241,7 +241,7 @@
     </div>
 </div>
 
-<h4>Nesting</h4>
+<h4>Vertical variation</h4>
 
 <div class="demo-with-code">
     <div class="demo-area">
diff --git a/framework/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Collapse.cshtml b/framework/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Collapse.cshtml
index 6a9aeb90ca..e72e219487 100644
--- a/framework/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Collapse.cshtml
+++ b/framework/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Collapse.cshtml
@@ -38,7 +38,7 @@
         <abp-button button-type="Primary" abp-collapse-id="collapseExample" text="Button with data-target" />
 
         <abp-collapse-body id="collapseExample">
-            3Anim pariatur  wolf moon tempor,,, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+            Anim pariatur  wolf moon tempor,,, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
         </abp-collapse-body>
     </div>
     <div class="code-area">
@@ -49,7 +49,8 @@
 &lt;a abp-button=&quot;Primary&quot; abp-collapse-id=&quot;collapseExample&quot;&gt; Link with href &lt;/a&gt;
 
 &lt;abp-collapse-body id=&quot;collapseExample&quot;&gt;
-            ...
+       
+                    Anim pariatur wolf moon tempor,,, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
 &lt;/abp-collapse-body&gt;
 </code></pre>
             </abp-tab>
@@ -86,12 +87,12 @@
         <abp-row class="mt-3">
             <abp-column size-sm="_6">
                 <abp-collapse-body id="FirstCollapseExample" multi="true">
-                    3Anim pariatur wolf moon tempor,,, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+                    Curabitur porta porttitor libero eu luctus. Praesent ultrices mattis commodo. Integer sodales massa risus, in molestie enim sagittis blandit
                 </abp-collapse-body>
             </abp-column>
             <abp-column size-sm="_6">
                 <abp-collapse-body id="SecondCollapseExample" multi="true">
-                    3Anim pariatur  wolf moon tempor,,, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+                    Anim pariatur  wolf moon tempor,,, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
                 </abp-collapse-body>
             </abp-column>
         </abp-row>
@@ -108,12 +109,12 @@
 &lt;abp-row class=&quot;mt-3&quot;&gt;
     &lt;abp-column size-sm=&quot;_6&quot;&gt;
         &lt;abp-collapse-body id=&quot;FirstCollapseExample&quot; multi=&quot;true&quot;&gt;
-                        3Anim pariatur wolf moon tempor,,, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&apos;t heard of them accusamus labore sustainable VHS.
+               Curabitur porta porttitor libero eu luctus. Praesent ultrices mattis commodo. Integer sodales massa risus, in molestie enim sagittis blandit
         &lt;/abp-collapse-body&gt;
     &lt;/abp-column&gt;
     &lt;abp-column size-sm=&quot;_6&quot;&gt;
         &lt;abp-collapse-body id=&quot;SecondCollapseExample&quot; multi=&quot;true&quot;&gt;
-                    3Anim pariatur  wolf moon tempor,,, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&apos;t heard of them accusamus labore sustainable VHS.
+                Anim pariatur  wolf moon tempor,,, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. 
         &lt;/abp-collapse-body&gt;
     &lt;/abp-column&gt;
 &lt;/abp-row&gt;
@@ -129,12 +130,12 @@
 &lt;div class=&quot;row&quot;&gt;
   &lt;div class=&quot;col&quot;&gt;
     &lt;div class=&quot;collapse multi-collapse&quot; id=&quot;multiCollapseExample1&quot;&gt;
-        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
+        Curabitur porta porttitor libero eu luctus. Praesent ultrices mattis commodo. Integer sodales massa risus, in molestie enim sagittis blandit
     &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class=&quot;col&quot;&gt;
     &lt;div class=&quot;collapse multi-collapse&quot; id=&quot;multiCollapseExample2&quot;&gt;
-        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
+        Anim pariatur  wolf moon tempor,,, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. 
     &lt;/div&gt;
   &lt;/div&gt;
 &lt;/div&gt;
diff --git a/framework/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Dropdowns.cshtml b/framework/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Dropdowns.cshtml
index 4a8ddba9d6..47d332e134 100644
--- a/framework/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Dropdowns.cshtml
+++ b/framework/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Dropdowns.cshtml
@@ -47,9 +47,9 @@
 &lt;abp-dropdown&gt;
     &lt;abp-dropdown-button text=&quot;Dropdown button&quot; /&gt;
     &lt;abp-dropdown-menu&gt;
-&lt;abp-dropdown-item href=&quot;#&quot;&gt;Action&lt;/abp-dropdown-item&gt;
-&lt;abp-dropdown-item href=&quot;#&quot;&gt;Another action&lt;/abp-dropdown-item&gt;
-&lt;abp-dropdown-item href=&quot;#&quot;&gt;Something else here&lt;/abp-dropdown-item&gt;
+        &lt;abp-dropdown-item href=&quot;#&quot;&gt;Action&lt;/abp-dropdown-item&gt;
+        &lt;abp-dropdown-item href=&quot;#&quot;&gt;Another action&lt;/abp-dropdown-item&gt;
+        &lt;abp-dropdown-item href=&quot;#&quot;&gt;Something else here&lt;/abp-dropdown-item&gt;
     &lt;/abp-dropdown-menu&gt;
 &lt;/abp-dropdown&gt;
 </code></pre>
@@ -91,9 +91,9 @@
 &lt;abp-dropdown&gt;
     &lt;abp-dropdown-button button-type=&quot;Secondary&quot; link=&quot;true&quot; text=&quot;Dropdown button&quot; /&gt;
     &lt;abp-dropdown-menu&gt;
-&lt;abp-dropdown-item href=&quot;#&quot;&gt;Action&lt;/abp-dropdown-item&gt;
-&lt;abp-dropdown-item href=&quot;#&quot;&gt;Another action&lt;/abp-dropdown-item&gt;
-&lt;abp-dropdown-item href=&quot;#&quot;&gt;Something else here&lt;/abp-dropdown-item&gt;
+        &lt;abp-dropdown-item href=&quot;#&quot;&gt;Action&lt;/abp-dropdown-item&gt;
+        &lt;abp-dropdown-item href=&quot;#&quot;&gt;Another action&lt;/abp-dropdown-item&gt;
+        &lt;abp-dropdown-item href=&quot;#&quot;&gt;Something else here&lt;/abp-dropdown-item&gt;
     &lt;/abp-dropdown-menu&gt;
 &lt;/abp-dropdown&gt;
 </code></pre>
@@ -170,11 +170,11 @@
 &lt;abp-dropdown&gt;
     &lt;abp-dropdown-button button-type=&quot;Danger&quot; text=&quot;Dropdown button&quot; /&gt;
     &lt;abp-dropdown-menu&gt;
-&lt;abp-dropdown-item href=&quot;#&quot;&gt;Action&lt;/abp-dropdown-item&gt;
-&lt;abp-dropdown-item href=&quot;#&quot;&gt;Another action&lt;/abp-dropdown-item&gt;
-&lt;abp-dropdown-item href=&quot;#&quot;&gt;Something else here&lt;/abp-dropdown-item&gt;
-&lt;abp-dropdown-divider /&gt;
-&lt;abp-dropdown-item href=&quot;#&quot;&gt;Separated link&lt;/abp-dropdown-item&gt;
+        &lt;abp-dropdown-item href=&quot;#&quot;&gt;Action&lt;/abp-dropdown-item&gt;
+        &lt;abp-dropdown-item href=&quot;#&quot;&gt;Another action&lt;/abp-dropdown-item&gt;
+        &lt;abp-dropdown-item href=&quot;#&quot;&gt;Something else here&lt;/abp-dropdown-item&gt;
+        &lt;abp-dropdown-divider /&gt;
+        &lt;abp-dropdown-item href=&quot;#&quot;&gt;Separated link&lt;/abp-dropdown-item&gt;
     &lt;/abp-dropdown-menu&gt;
 &lt;/abp-dropdown&gt;
 </code></pre>
@@ -256,11 +256,11 @@
 &lt;abp-dropdown&gt;
     &lt;abp-dropdown-button button-type=&quot;Danger&quot; dropdown-style=&quot;Split&quot; text=&quot;Dropdown button&quot; /&gt;
     &lt;abp-dropdown-menu&gt;
-&lt;abp-dropdown-item href=&quot;#&quot;&gt;Action&lt;/abp-dropdown-item&gt;
-&lt;abp-dropdown-item href=&quot;#&quot;&gt;Another action&lt;/abp-dropdown-item&gt;
-&lt;abp-dropdown-item href=&quot;#&quot;&gt;Something else here&lt;/abp-dropdown-item&gt;
-&lt;abp-dropdown-divider /&gt;
-&lt;abp-dropdown-item href=&quot;#&quot;&gt;Separated link&lt;/abp-dropdown-item&gt;
+        &lt;abp-dropdown-item href=&quot;#&quot;&gt;Action&lt;/abp-dropdown-item&gt;
+        &lt;abp-dropdown-item href=&quot;#&quot;&gt;Another action&lt;/abp-dropdown-item&gt;
+        &lt;abp-dropdown-item href=&quot;#&quot;&gt;Something else here&lt;/abp-dropdown-item&gt;
+        &lt;abp-dropdown-divider /&gt;
+        &lt;abp-dropdown-item href=&quot;#&quot;&gt;Separated link&lt;/abp-dropdown-item&gt;
     &lt;/abp-dropdown-menu&gt;
 &lt;/abp-dropdown&gt;
 </code></pre>