From: Mark Otto Date: Sat, 5 Sep 2015 04:28:01 +0000 (-0700) Subject: float the breadcrumb items to deal with that pesky inline-block madness X-Git-Tag: v4.0.0-alpha.2~342 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=b8c77aaf3b29b1b3d09b3d7bd6ad153d9c315365;p=thirdparty%2Fbootstrap.git float the breadcrumb items to deal with that pesky inline-block madness --- diff --git a/scss/_breadcrumb.scss b/scss/_breadcrumb.scss index 07ca300a59..eaec059bbf 100644 --- a/scss/_breadcrumb.scss +++ b/scss/_breadcrumb.scss @@ -4,16 +4,16 @@ list-style: none; background-color: $breadcrumb-bg; @include border-radius($border-radius); + @include clearfix; > li { - display: inline-block; + float: left; + li::before { - $nbsp: "\00a0"; padding-right: .5rem; padding-left: .5rem; color: $breadcrumb-divider-color; - content: "#{$breadcrumb-divider}#{$nbsp}"; // Unicode space added since inline-block means non-collapsing white-space + content: "#{$breadcrumb-divider}"; // Unicode space added since inline-block means non-collapsing white-space } }