From ded62266c023966dff23f58b40e3aafe953ddcca Mon Sep 17 00:00:00 2001 From: Andres Galante Date: Fri, 25 Aug 2017 23:19:25 -0300 Subject: [PATCH] changes floats to flex on breadcrumbs --- scss/_breadcrumb.scss | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/scss/_breadcrumb.scss b/scss/_breadcrumb.scss index 52fadec691f7..5d77eeab602a 100644 --- 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