BootstrapIcon - demos updated

Author: gvreddy04

BlazorExpress.Bulma.Demo.RCL/Pages/Demos/Icons/BootstrapIcons/BootstrapIconDocumentation.razor

@@ -37,10 +37,17 @@
 </Section>
 
 <Section Class="p-0" Size="HeadingSize.H3" Name="Sizes" PageUrl="@pageUrl" Link="sizes">
+    <div class="mb-3">
+        Use <code>Size</code> parameter to set the size of the icon.
+        In the example below, the icon is shown with different sizes.
+    </div>
     <Demo Type="typeof(BootstrapIcon_Demo_04_Icon_Sizes)" Tabs="true" />
 </Section>
 
 <Section Class="p-0" Size="HeadingSize.H3" Name="All icons" PageUrl="@pageUrl" Link="all-icons">
+    <div class="mb-3">
+        In the example below, all icons are shown with their names.
+    </div>
     <Demo Type="typeof(BootstrapIcon_Demo_99_All_Icons)" Tabs="true" />
 </Section>
 

BlazorExpress.Bulma.Demo.RCL/Pages/Demos/Icons/BootstrapIcons/BootstrapIcon_Demo_04_Icon_Sizes.razor

@@ -8,31 +8,31 @@
     <tbody>
         <tr>
             <td><code>BootstrapIconSize.None</code></td>
-            <td><BootstrapIcon Name="BootstrapIconName.Search" Color="BootstrapIconColor.Primary" Size="BootstrapIconSize.None" IconContainerCssClass="@BulmaCssClass.Margin3" /></td>
+            <td><BootstrapIcon Name="BootstrapIconName.Search" Color="BootstrapIconColor.Primary" Size="BootstrapIconSize.None" /></td>
         </tr>
         <tr>
             <td><code>BootstrapIconSize.XSmall</code></td>
-            <td><BootstrapIcon Name="BootstrapIconName.Search" Color="BootstrapIconColor.Primary" Size="BootstrapIconSize.XSmall" IconContainerCssClass="@BulmaCssClass.Margin3" /></td>
+            <td><BootstrapIcon Name="BootstrapIconName.Search" Color="BootstrapIconColor.Primary" Size="BootstrapIconSize.XSmall" /></td>
         </tr>
         <tr>
             <td><code>BootstrapIconSize.Small</code></td>
-            <td><BootstrapIcon Name="BootstrapIconName.Search" Color="BootstrapIconColor.Primary" Size="BootstrapIconSize.Small" IconContainerCssClass="@BulmaCssClass.Margin3" /></td>
+            <td><BootstrapIcon Name="BootstrapIconName.Search" Color="BootstrapIconColor.Primary" Size="BootstrapIconSize.Small" /></td>
         </tr>
         <tr>
             <td><code>BootstrapIconSize.Medium</code></td>
-            <td><BootstrapIcon Name="BootstrapIconName.Search" Color="BootstrapIconColor.Primary" Size="BootstrapIconSize.Medium" IconContainerCssClass="@BulmaCssClass.Margin3" /></td>
+            <td><BootstrapIcon Name="BootstrapIconName.Search" Color="BootstrapIconColor.Primary" Size="BootstrapIconSize.Medium" /></td>
         </tr>
         <tr>
             <td><code>BootstrapIconSize.Large</code></td>
-            <td><BootstrapIcon Name="BootstrapIconName.Search" Color="BootstrapIconColor.Primary" Size="BootstrapIconSize.Large" IconContainerCssClass="@BulmaCssClass.Margin3" /></td>
+            <td><BootstrapIcon Name="BootstrapIconName.Search" Color="BootstrapIconColor.Primary" Size="BootstrapIconSize.Large" /></td>
         </tr>
         <tr>
             <td><code>BootstrapIconSize.XLarge</code></td>
-            <td><BootstrapIcon Name="BootstrapIconName.Search" Color="BootstrapIconColor.Primary" Size="BootstrapIconSize.XLarge" IconContainerCssClass="@BulmaCssClass.Margin3" /></td>
+            <td><BootstrapIcon Name="BootstrapIconName.Search" Color="BootstrapIconColor.Primary" Size="BootstrapIconSize.XLarge" /></td>
         </tr>
         <tr>
             <td><code>BootstrapIconSize.XXLarge</code></td>
-            <td><BootstrapIcon Name="BootstrapIconName.Search" Color="BootstrapIconColor.Primary" Size="BootstrapIconSize.XXLarge" IconContainerCssClass="@BulmaCssClass.Margin3" /></td>
+            <td><BootstrapIcon Name="BootstrapIconName.Search" Color="BootstrapIconColor.Primary" Size="BootstrapIconSize.XXLarge" /></td>
         </tr>
     </tbody>
 </table>