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

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
     }
   }