From 4750c5a7b45de819814f7f6ce56820328570964f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 21 Dec 2016 21:25:14 -0800 Subject: [PATCH] make sure all nav demos for the navbar are using toggleable-* classes for proper responsive styles --- docs/components/navbar.md | 137 ++++++++++++++++++++++++-------------- 1 file changed, 87 insertions(+), 50 deletions(-) diff --git a/docs/components/navbar.md b/docs/components/navbar.md index 3fa9642ff7..075f2521d7 100644 --- a/docs/components/navbar.md +++ b/docs/components/navbar.md @@ -102,38 +102,46 @@ Adding images to the `.navbar-brand` will likely always require custom styles or ### Nav -Navbar navigation is similar to our regular nav options—use the `.nav` base class with the `.navbar-nav` modifier correctly position your links. **Navbar navigation will grow to occupy as much horizontal space as possible** to keep your navbar contents aligned properly. +Navbar navigation links build on our `.nav` options with their own modifier class and require the use of [toggler classes](#toggler) for proper responsive styling. **Navigation in navbars will also grow to occupy as much horizontal space as possible** to keep your navbar contents securely aligned. Active states—with `.active`—to indicate the current page can be applied directly to `.nav-link`s or their immediate parent `.nav-item`s. {% example html %} - @@ -303,8 +340,8 @@ Theming the navbar has never been easier thanks to the combination of theming cl
- - + +