diff options
| author | Mark Otto <[email protected]> | 2016-12-21 13:12:55 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-12-22 13:48:07 -0800 |
| commit | 530b9bcba457a893ceea11465c401f47bb98788c (patch) | |
| tree | 8fc963edf9b4aad8c8e87a3c6300703e21064546 /docs/components | |
| parent | c92e9c0090d17d55ed0eef353aaab673dba3ac5f (diff) | |
| download | bootstrap-530b9bcba457a893ceea11465c401f47bb98788c.tar.xz bootstrap-530b9bcba457a893ceea11465c401f47bb98788c.zip | |
more navbar docs changes
Diffstat (limited to 'docs/components')
| -rw-r--r-- | docs/components/navbar.md | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/docs/components/navbar.md b/docs/components/navbar.md index 3611bd247..8c2f7be3c 100644 --- a/docs/components/navbar.md +++ b/docs/components/navbar.md @@ -12,14 +12,18 @@ The navbar is a wrapper that positions branding, navigation, and other elements * Will be replaced with the ToC, excluding the "Contents" header {:toc} -## Basics +## How it works Here's what you need to know before getting started with the navbar: - Navbars require a wrapping `.navbar` and [color scheme](#color-schemes) classes. - Navbars and their contents are fluid by default. Use [optional containers](#containers) to limit their horizontal width. +- Navbars and their contents are built with flexbox, providing easy alignment options via utility classes. +- Navbars are responsive by default, but you can easily modify them to change that. Responsive behavior depends on our Collapse JavaScript plugin. - Ensure accessibility by using a `<nav>` element or, if using a more generic element such as a `<div>`, add a `role="navigation"` to every navbar to explicitly identify it as a landmark region for users of assistive technologies. +Read on for an example and list of supported sub-components. + ## Supported content Navbars come with built-in support for a handful of sub-components. Choose from the following as needed: |
