From d6b6a20a0daaed70ec6f395dd813ea460b394e6c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 18 Aug 2015 00:46:29 -0700 Subject: [PATCH] rewrite navbar once more for lower key styles and a new take on modifiers for improved customization --- docs/components/navbar.md | 121 ++++++++++++++++++++++++++++---------- scss/_navbar.scss | 103 +++++++++++--------------------- scss/_variables.scss | 62 ++++--------------- 3 files changed, 137 insertions(+), 149 deletions(-) diff --git a/docs/components/navbar.md b/docs/components/navbar.md index 5cdf15803c..d8ecfd21e5 100644 --- a/docs/components/navbar.md +++ b/docs/components/navbar.md @@ -4,7 +4,7 @@ title: Navbar group: components --- -The navbar is a simple wrapper for positioning branding, navigation, and other elements. It's easily extensible and, with the help of our collapse plugin, it can easily integrate offscreen content. +The navbar is a simple wrapper for positioning branding, navigation, and other elements into a concise navigation header. It's easily extensible and, with the help of our collapse plugin, it can easily integrate offscreen content. ## Contents @@ -28,11 +28,12 @@ Navbars come with built-in support for a handful of sub-components. Mix and matc - `.navbar-brand` for your company, product, or project name - `.navbar-nav` for a full-height and lightweight navigation (including support for dropdowns) - `.navbar-form` for vertically centering default-sized inputs and buttons. +- `.navbar-toggler` for use with our collapse plugin and other navigation toggling behaviors. Here's an example of all the sub-components included in a default, light navbar: {% example html %} -