feat(Responsive): add ExtraExtraSmall breakpoint

src/BootstrapBlazor/Components/ResizeNotification/ResizeNotification.razor.scss

@@ -1,8 +1,14 @@
-body:before {
-    content: "extraSmall";
+body:before {
+    content: "extraExtraSmall";
     display: none;
 }
 
+@media (min-width:375px) {
+    body:before {
+        content: "extraSmall";
+    }
+}
+
 @media (min-width:576px) {
     body:before {
         content: "small";

src/BootstrapBlazor/Enums/BreakPoint.cs

@@ -7,7 +7,7 @@
 namespace BootstrapBlazor.Components;
 
 /// <summary>
-/// 
+/// BreakPoint 枚举
 /// </summary>
 [JsonConverter(typeof(JsonStringEnumConverter))]
 public enum BreakPoint
@@ -18,32 +18,37 @@ public enum BreakPoint
     None,
 
     /// <summary>
-    /// 未设置
+    /// 超小屏幕 小于 375px
+    /// </summary>
+    ExtraExtraSmall,
+
+    /// <summary>
+    /// 超小屏幕 大于等于 375px
     /// </summary>
     ExtraSmall,
 
     /// <summary>
-    /// 小屏幕 576px
+    /// 小屏幕 大于等于 576px
     /// </summary>
     Small,
 
     /// <summary>
-    /// 中屏幕 768px
+    /// 中屏幕 大于等于 768px
     /// </summary>
     Medium,
 
     /// <summary>
-    /// 大屏幕 992px
+    /// 大屏幕 大于等于 992px
     /// </summary>
     Large,
 
     /// <summary>
-    /// 超大屏幕 1200px
+    /// 超大屏幕 大于等于 1200px
     /// </summary>
     ExtraLarge,
 
     /// <summary>
-    /// 超大屏幕 1400px
+    /// 超大屏幕 大于等于 1400px
     /// </summary>
     ExtraExtraLarge
 }

src/BootstrapBlazor/wwwroot/scss/bootstrap.blazor.css

@@ -4272,10 +4272,15 @@ form .form-control.is-display {
 }
 
 body:before {
-  content: "extraSmall";
+  content: "extraExtraSmall";
   display: none;
 }
 
+@media (min-width: 375px) {
+  body:before {
+    content: "extraSmall";
+  }
+}
 @media (min-width: 576px) {
   body:before {
     content: "small";

test/UnitTest/Components/ReponsiveTest.cs → test/UnitTest/Components/ResponsiveTest.cs

@@ -4,10 +4,10 @@
 
 namespace UnitTest.Components;
 
-public class ReponsiveTest : BootstrapBlazorTestBase
+public class ResponsiveTest : BootstrapBlazorTestBase
 {
     [Fact]
-    public void Resposive_Ok()
+    public void Responsive_Ok()
     {
         BreakPoint? point = null;
         var cut = Context.RenderComponent<BootstrapBlazorRoot>(pb =>