diff --git a/src/BootstrapBlazor.Server/Components/Samples/Selects.razor b/src/BootstrapBlazor.Server/Components/Samples/Selects.razor
index e67f5be7f8f..06c7747854a 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Selects.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Selects.razor
@@ -10,7 +10,7 @@
 <DemoBlock Title="@Localizer["SelectsNormalTitle"]"
            Introduction="@Localizer["SelectsNormalIntro"]"
            Name="Normal">
-    <p>@((MarkupString)Localizer["SelectsNormalDescription"].Value)</p>
+    <section ignore>@((MarkupString)Localizer["SelectsNormalDescription"].Value)</section>
     <div class="row g-3">
         <div class="col-12 col-sm-6">
             <Select Items="Items" OnSelectedItemChanged="OnItemChanged" @bind-Value="Model.Name"></Select>
@@ -215,13 +215,15 @@
             </Select>
         </div>
     </div>
-</DemoBlock>
+</DemoBlock> 
 
 <DemoBlock Title="@Localizer["SelectsEnumTitle"]"
            Introduction="@Localizer["SelectsEnumIntro"]"
            Name="Enum">
-    <p>@((MarkupString)Localizer["SelectsEnumDescription1"].Value)</p>
-    <p>@((MarkupString)Localizer["SelectsEnumDescription2"].Value)</p>
+    <section ignore>
+        <p>@((MarkupString)Localizer["SelectsEnumDescription1"].Value)</p>
+        <div>@((MarkupString)Localizer["SelectsEnumDescription2"].Value)</div>
+    </section>
     <div class="row g-3">
         <div class="col-12 col-sm-6">
             <Select @bind-Value="SelectedEnumItem1" PlaceHolder="@Localizer["SelectsPlaceHolder"]" ShowLabel="true" DisplayText="@Localizer["SelectsEnumSelectText1"]">
@@ -244,7 +246,7 @@
 <DemoBlock Title="@Localizer["SelectsNullableTitle"]"
            Introduction="@Localizer["SelectsNullableIntro"]"
            Name="Nullable">
-    <p>@((MarkupString)Localizer["SelectsNullableDescription"].Value)</p>
+    <section ignore>@((MarkupString)Localizer["SelectsNullableDescription"].Value)</section>
     <div class="row g-3">
         <div class="col-12 col-sm-6">
             <Select Items="NullableIntItems" @bind-Value="NullableSelectedIntItem">
@@ -259,8 +261,10 @@
 <DemoBlock Title="@Localizer["SelectsNullableBooleanTitle"]"
            Introduction="@Localizer["SelectsNullableBooleanIntro"]"
            Name="NullableBoolean">
-    <p>@((MarkupString)Localizer["SelectsNullableBooleanDescription1"].Value)</p>
-    <p>@((MarkupString)Localizer["SelectsNullableBooleanDescription2"].Value)</p>
+    <section ignore>
+        <p>@((MarkupString)Localizer["SelectsNullableBooleanDescription1"].Value)</p>
+        <div>@((MarkupString)Localizer["SelectsNullableBooleanDescription2"].Value)</div>
+    </section>
     <div class="row g-3">
         <div class="col-12 col-sm-6">
             <Select Items="NullableBoolItems" @bind-Value="SelectedBoolItem">
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Selects.razor.cs b/src/BootstrapBlazor.Server/Components/Samples/Selects.razor.cs
index 27715adbe90..5ca8f941cd8 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Selects.razor.cs
+++ b/src/BootstrapBlazor.Server/Components/Samples/Selects.razor.cs
@@ -204,8 +204,8 @@ private string GetSelectedBoolItemString()
     private IEnumerable<SelectedItem> NullableBoolItems { get; set; } = new SelectedItem[]
     {
         new() { Text = "空值", Value = "" },
-        new() { Text = "True 值", Value = "true" },
-        new() { Text = "False 值", Value = "false" }
+        new() { Text = "True 值", Value = "True" },
+        new() { Text = "False 值", Value = "False" }
     };
 
     private readonly SelectedItem[] StringItems =
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Sliders.razor b/src/BootstrapBlazor.Server/Components/Samples/Sliders.razor
index f8217b8500a..d40d0d3886a 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Sliders.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Sliders.razor
@@ -7,78 +7,81 @@
 <h4>@Localizer["SlidersDescription"]</h4>
 
 <DemoBlock Title="@Localizer["SlidersNormalTitle"]" Introduction="@Localizer["SlidersNormalIntro"]" Name="Normal">
-    <div class="row g-3">
-        <div class="col-12 col-md-6 col-lg-4 xl-3">
-            <BootstrapInputGroup>
-                <BootstrapInputGroupLabel DisplayText="CurrentValue" />
-                <BootstrapInput @bind-Value="@CurrentValue" />
-            </BootstrapInputGroup>
-        </div>
-        <div class="col-12 col-md-6 col-lg-4 xl-3">
-            <BootstrapInputGroup>
-                <BootstrapInputGroupLabel DisplayText="MinValue" />
-                <BootstrapInput @bind-Value="@MinValue" />
-            </BootstrapInputGroup>
-        </div>
-        <div class="col-12 col-md-6 col-lg-4 xl-3">
-            <BootstrapInputGroup>
-                <BootstrapInputGroupLabel DisplayText="MaxValue" />
-                <BootstrapInput @bind-Value="@MaxValue" />
-            </BootstrapInputGroup>
-        </div>
-        <div class="col-12 col-md-6 col-lg-4 xl-3">
-            <BootstrapInputGroup>
-                <BootstrapInputGroupLabel DisplayText="DisplayText" />
-                <BootstrapInput @bind-Value="@DisplayText" />
-            </BootstrapInputGroup>
-        </div>
-        <div class="col-12 col-md-6 col-lg-4 xl-3">
-            <BootstrapInputGroup>
-                <BootstrapInputGroupLabel DisplayText="Step" />
-                <BootstrapInput @bind-Value="@Step" />
-            </BootstrapInputGroup>
-        </div>
-        <div class="col-12 col-md-6 col-lg-4 xl-3">
-            <BootstrapInputGroup>
-                <BootstrapInputGroupLabel DisplayText="IsDisabled" />
-                <Checkbox @bind-Value="@IsDisabled" />
-            </BootstrapInputGroup>
-        </div>
-        <div class="col-12 col-md-6 col-lg-4 xl-3">
-            <BootstrapInputGroup>
-                <BootstrapInputGroupLabel DisplayText="UseInput" />
-                <Checkbox @bind-Value="@UseInput" />
-            </BootstrapInputGroup>
-        </div>
-        <div class="col-12 col-md-6 col-lg-4 xl-3">
-            <BootstrapInputGroup>
-                <BootstrapInputGroupLabel DisplayText="ShowLabel" />
-                <Checkbox @bind-Value="@ShowLabel" />
-            </BootstrapInputGroup>
-        </div>
-        <div class="col-12 col-md-6 col-lg-4 xl-3">
-            <BootstrapInputGroup>
-                <BootstrapInputGroupLabel DisplayText="UseGroup" />
-                <Checkbox @bind-Value="@UseGroup" />
-            </BootstrapInputGroup>
-        </div>
-        <div class="col-12">
-            @if (UseGroup)
-            {
+    <section ignore>
+        <div class="row g-3">
+            <div class="col-12 col-md-6 col-lg-4 xl-3">
                 <BootstrapInputGroup>
-                    <BootstrapInputGroupLabel DisplayText="@DisplayText" />
-                    @RenderSlider
+                    <BootstrapInputGroupLabel DisplayText="CurrentValue" />
+                    <BootstrapInput @bind-Value="@CurrentValue" />
                 </BootstrapInputGroup>
-            }
-            else
-            {
-                @RenderSlider
-            }
-        </div>
-        <div class="col-12">
-            <ConsoleLogger @ref="Logger" />
+            </div>
+            <div class="col-12 col-md-6 col-lg-4 xl-3">
+                <BootstrapInputGroup>
+                    <BootstrapInputGroupLabel DisplayText="MinValue" />
+                    <BootstrapInput @bind-Value="@MinValue" />
+                </BootstrapInputGroup>
+            </div>
+            <div class="col-12 col-md-6 col-lg-4 xl-3">
+                <BootstrapInputGroup>
+                    <BootstrapInputGroupLabel DisplayText="MaxValue" />
+                    <BootstrapInput @bind-Value="@MaxValue" />
+                </BootstrapInputGroup>
+            </div>
+            <div class="col-12 col-md-6 col-lg-4 xl-3">
+                <BootstrapInputGroup>
+                    <BootstrapInputGroupLabel DisplayText="DisplayText" />
+                    <BootstrapInput @bind-Value="@DisplayText" />
+                </BootstrapInputGroup>
+            </div>
+            <div class="col-12 col-md-6 col-lg-4 xl-3">
+                <BootstrapInputGroup>
+                    <BootstrapInputGroupLabel DisplayText="Step" />
+                    <BootstrapInput @bind-Value="@Step" />
+                </BootstrapInputGroup>
+            </div>
+            <div class="col-12 col-md-6 col-lg-4 xl-3">
+                <BootstrapInputGroup>
+                    <BootstrapInputGroupLabel DisplayText="IsDisabled" />
+                    <Checkbox @bind-Value="@IsDisabled" />
+                </BootstrapInputGroup>
+            </div>
+            <div class="col-12 col-md-6 col-lg-4 xl-3">
+                <BootstrapInputGroup>
+                    <BootstrapInputGroupLabel DisplayText="UseInput" />
+                    <Checkbox @bind-Value="@UseInput" />
+                </BootstrapInputGroup>
+            </div>
+            <div class="col-12 col-md-6 col-lg-4 xl-3">
+                <BootstrapInputGroup>
+                    <BootstrapInputGroupLabel DisplayText="ShowLabel" />
+                    <Checkbox @bind-Value="@ShowLabel" />
+                </BootstrapInputGroup>
+            </div>
+            <div class="col-12 col-md-6 col-lg-4 xl-3">
+                <BootstrapInputGroup>
+                    <BootstrapInputGroupLabel DisplayText="UseGroup" />
+                    <Checkbox @bind-Value="@UseGroup" />
+                </BootstrapInputGroup>
+            </div>
         </div>
-    </div>
+    </section>
+    @if (UseGroup)
+    {
+        <BootstrapInputGroup>
+            <BootstrapInputGroupLabel DisplayText="@DisplayText" />
+            <Slider @bind-Value="@CurrentValue" Max="MaxValue" Min="MinValue" Step="Step" UseInputEvent="UseInput"
+                    DisplayText="@DisplayText" ShowLabel="ShowLabel" IsDisabled="IsDisabled" OnValueChanged="OnRangeSliderValueChanged" />
+
+        </BootstrapInputGroup>
+    }
+    else
+    {
+        <Slider @bind-Value="@CurrentValue" Max="MaxValue" Min="MinValue" Step="Step" UseInputEvent="UseInput"
+                DisplayText="@DisplayText" ShowLabel="ShowLabel" IsDisabled="IsDisabled" OnValueChanged="OnRangeSliderValueChanged" />
+    }
+    <section ignore>
+        <ConsoleLogger @ref="Logger" />
+    </section>
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["SlidersRangeTitle"]" Introduction="@Localizer["SlidersRangeIntro"]" Name="Range">
@@ -103,9 +106,3 @@
 <AttributeTable Items="@GetAttributes()" />
 
 <EventTable Items="@GetEvents()" />
-
-@code {
-    RenderFragment RenderSlider =>
-    @<Slider @bind-Value="@CurrentValue" Max="MaxValue" Min="MinValue" Step="Step" UseInputEvent="UseInput"
-            DisplayText="@DisplayText" ShowLabel="ShowLabel" IsDisabled="IsDisabled" OnValueChanged="OnRangeSliderValueChanged" />;
-}
diff --git a/src/BootstrapBlazor/Components/Input/BootstrapInputGroup.razor.scss b/src/BootstrapBlazor/Components/Input/BootstrapInputGroup.razor.scss
index ccac3533f6e..13136723b2f 100644
--- a/src/BootstrapBlazor/Components/Input/BootstrapInputGroup.razor.scss
+++ b/src/BootstrapBlazor/Components/Input/BootstrapInputGroup.razor.scss
@@ -54,6 +54,10 @@
             border-bottom-right-radius: 0;
         }
     }
+
+    > .form-label {
+        display: none;
+    }
 }
 
 .input-group-xs {