changes floats to flex on breadcrumbs

twbs · Aug 26, 2017 · ded6226 · ded6226
1 parent 9612830
commit ded6226
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/scss/_breadcrumb.scss b/scss/_breadcrumb.scss
@@ -1,15 +1,14 @@
 .breadcrumb {
+  display: flex;
+  flex-wrap: wrap;
   padding: $breadcrumb-padding-y $breadcrumb-padding-x;
   margin-bottom: $breadcrumb-margin-bottom;
   list-style: none;
   background-color: $breadcrumb-bg;
   @include border-radius($border-radius);
-  @include clearfix;
 }
 
 .breadcrumb-item {
-  float: left;
-
   // The separator between breadcrumbs (by default, a forward-slash: "/")
   + .breadcrumb-item::before {
     display: inline-block; // Suppress underlining of the separator in modern browsers