From: Mark Otto Date: Mon, 5 Aug 2013 21:19:32 +0000 (-0700) Subject: Enable scrollable responsive nav bar X-Git-Tag: v3.0.0-rc.2~106 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=c15f5a89a07316404b289fc0c65db1a4e52c95d1;p=thirdparty%2Fbootstrap.git Enable scrollable responsive nav bar Fixes #9007 in a hopefully decent way --- 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.