feat: 同步 bs 实现

Author: ArgoZhang

src/BootstrapBlazor/Components/Checkbox/CheckboxList.razor

@@ -13,7 +13,8 @@
         <div class="@ButtonGroupClassString" role="group">
             @foreach (var item in Items)
             {
-                <DynamicElement TagName="span" TriggerClick="!IsDisabled" OnClick="() => OnClick(item)" class="@GetButtonItemClassString(item)">
+                <DynamicElement TagName="span" TriggerClick="!IsDisabled" OnClick="() => OnClick(item)"
+                                class="@GetButtonItemClassString(item)">
                     @item.Text
                 </DynamicElement>
             }

src/BootstrapBlazor/Components/Checkbox/CheckboxList.razor.cs

@@ -38,7 +38,8 @@ public partial class CheckboxList<TValue> : ValidateBase<TValue>
         .Build();
 
     private string? GetButtonItemClassString(SelectedItem item) => CssBuilder.Default("btn")
-        .AddClass($"active bg-{Color.ToDescriptionString()}", CurrentValueAsString.Split(',', StringSplitOptions.RemoveEmptyEntries).Contains(item.Value))
+        .AddClass($"btn-outline-{Color.ToDescriptionString()}")
+        .AddClass($"active", CurrentValueAsString.Split(',', StringSplitOptions.RemoveEmptyEntries).Contains(item.Value))
         .Build();
 
     /// <summary>

src/BootstrapBlazor/Components/Checkbox/CheckboxList.razor.scss

@@ -38,7 +38,6 @@
     }
 
     .btn-group {
-        border: var(--bs-border-width) solid var(--bs-border-color);
         display: inline-flex;
         flex: 0 !important;
         flex-wrap: nowrap;