diff options
| author | Mark Otto <[email protected]> | 2015-09-05 20:58:28 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2015-09-05 20:58:28 -0700 |
| commit | 584cfdd72b4afbb3c2e21e83bb8109f7881511a0 (patch) | |
| tree | 33f34150f2cf8d734a5cf99b288157e990aa782b | |
| parent | 180f97d7b2f6d64036de2ad4bae0ece80c4f137c (diff) | |
| download | bootstrap-584cfdd72b4afbb3c2e21e83bb8109f7881511a0.tar.xz bootstrap-584cfdd72b4afbb3c2e21e83bb8109f7881511a0.zip | |
Fixes #17230: Renames .navbar-static-top to .navbar-full and adds docs for it
| -rw-r--r-- | docs/components/navbar.md | 8 | ||||
| -rw-r--r-- | scss/_navbar.scss | 4 |
2 files changed, 9 insertions, 3 deletions
diff --git a/docs/components/navbar.md b/docs/components/navbar.md index 0c8be6fff..4991c6d50 100644 --- a/docs/components/navbar.md +++ b/docs/components/navbar.md @@ -163,7 +163,13 @@ Although it's not required, you can wrap a navbar in a `.container` to center it ## Placement -Navbars can be statically placed (their default behavior), or fixed to the top or bottom of the viewport. +Navbars can be statically placed (their default behavior), static without rounded corners, or fixed to the top or bottom of the viewport. + +{% example html %} +<nav class="navbar navbar-full navbar-light bg-faded"> + <a class="navbar-brand" href="#">Full width</a> +</nav> +{% endexample %} {% example html %} <nav class="navbar navbar-fixed-top navbar-light bg-faded"> diff --git a/scss/_navbar.scss b/scss/_navbar.scss index d812212a0..ffe133b9f 100644 --- a/scss/_navbar.scss +++ b/scss/_navbar.scss @@ -19,8 +19,8 @@ // Display the navbar across the entirety of the page or fixed it to the top or // bottom of the page. -// Static top (unfixed, but 100% wide) navbar -.navbar-static-top { +// A static, full width modifier with no rounded corners. +.navbar-full { z-index: $zindex-navbar; @include media-breakpoint-up(sm) { |