1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00

float the breadcrumb items to deal with that pesky inline-block madness

This commit is contained in:
Mark Otto 2015-09-04 21:28:01 -07:00
parent dd5e096f4e
commit b8c77aaf3b

View file

@ -4,16 +4,16 @@
list-style: none; list-style: none;
background-color: $breadcrumb-bg; background-color: $breadcrumb-bg;
@include border-radius($border-radius); @include border-radius($border-radius);
@include clearfix;
> li { > li {
display: inline-block; float: left;
+ li::before { + li::before {
$nbsp: "\00a0";
padding-right: .5rem; padding-right: .5rem;
padding-left: .5rem; padding-left: .5rem;
color: $breadcrumb-divider-color; 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
} }
} }