From c15f5a89a07316404b289fc0c65db1a4e52c95d1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 5 Aug 2013 14:19:32 -0700 Subject: [PATCH] Enable scrollable responsive nav bar Fixes #9007 in a hopefully decent way --- _includes/nav-components.html | 2 ++ components.html | 44 ++++++++++++++++++++++++++++++++++- dist/css/bootstrap.css | 10 ++++++++ dist/css/bootstrap.min.css | 2 +- less/navbar.less | 22 ++++++++++++++++++ 5 files changed, 78 insertions(+), 2 deletions(-) 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.