Fix horizontal .list-group-flush.

twbs · Dec 19, 2023 · 239da0e · 239da0e
1 parent 62d5b8f
commit 239da0e
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/scss/_reboot.scss b/scss/_reboot.scss
@@ -489,13 +489,23 @@ fieldset {
   border: 0; // 2
 }
 
+// 1. By using `float: left`, the legend will behave like a block element.
+//    This way the border of a fieldset wraps around the legend if present.
+// 2. Fix wrapping bug.
+//    See https://github.com/twbs/bootstrap/issues/29712
+
 legend {
+  float: left; // 1
   width: 100%;
   padding: 0;
   margin-bottom: $legend-margin-bottom;
   @include font-size($legend-font-size);
   font-weight: $legend-font-weight;
   line-height: inherit;
+
+  + * {
+    clear: left; // 2
+  }
 }
 
 // Fix height of inputs with a type of datetime-local, date, month, week, or time