diff --git a/_includes/nav-components.html b/_includes/nav-components.html index 109df8a11c..6e3228ae5d 100644 --- a/_includes/nav-components.html +++ b/_includes/nav-components.html @@ -61,6 +61,8 @@
  • Fixed bottom navbar
  • Static top navbar
  • Responsive navbar
  • +
  • Scrollable responsive navbar
  • +
  • Inverted navbar
  • Breadcrumbs
  • diff --git a/components.html b/components.html index 289034060e..bf8c45afe0 100644 --- a/components.html +++ b/components.html @@ -1326,7 +1326,49 @@ body { padding-bottom: 70px; } -

    Inverted variation

    + +

    For instances where you have too many items in your navbar to fight within the viewport of a small device, add .nav-collapse-scrollable to your navbar's .nav-collapse to set a max-height and smooth scrolling.

    +
    + +
    +{% highlight html %} + +{% endhighlight %} + + +

    Modify the look of the navbar by adding .navbar-inverse.