From 9c423b5c6dc64aae85f6006c0c44051cb3e3de59 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 21 Dec 2016 14:15:50 -0800 Subject: move and consolidate navbar examples, fix em up --- docs/examples/index.md | 2 +- docs/examples/navbar/index.html | 72 ---------------- docs/examples/navbar/navbar.css | 8 -- docs/examples/navbars/index.html | 178 +++++++++++++++++++++++++++++++++++++++ docs/examples/navbars/navbar.css | 8 ++ 5 files changed, 187 insertions(+), 81 deletions(-) delete mode 100644 docs/examples/navbar/index.html delete mode 100644 docs/examples/navbar/navbar.css create mode 100644 docs/examples/navbars/index.html create mode 100644 docs/examples/navbars/navbar.css (limited to 'docs/examples') diff --git a/docs/examples/index.md b/docs/examples/index.md index b9c6dd6f1..7479a7fb3 100644 --- a/docs/examples/index.md +++ b/docs/examples/index.md @@ -48,7 +48,7 @@ Taking the default navbar component and showing how it can be moved, placed, and
- +

Navbar

diff --git a/docs/examples/navbar/index.html b/docs/examples/navbar/index.html deleted file mode 100644 index 3d35b7904..000000000 --- a/docs/examples/navbar/index.html +++ /dev/null @@ -1,72 +0,0 @@ - - - - - - - - - - - - Navbar Template for Bootstrap - - - - - - - - - - -
- - - -
-

Navbar example

-

This example is a quick exercise to illustrate how the default responsive navbar works. It's placed within a .container to limit its width and will scroll with the rest of the page's content.

-

At the smallest breakpoint, the collapse plugin is used to hide the links and show a menu button to toggle the collapsed content.

-

- View navbar docs » -

-
- -
- - - - - - - - - - - - diff --git a/docs/examples/navbar/navbar.css b/docs/examples/navbar/navbar.css deleted file mode 100644 index d2195240b..000000000 --- a/docs/examples/navbar/navbar.css +++ /dev/null @@ -1,8 +0,0 @@ -body { - padding-top: 20px; - padding-bottom: 20px; -} - -.navbar { - margin-bottom: 20px; -} diff --git a/docs/examples/navbars/index.html b/docs/examples/navbars/index.html new file mode 100644 index 000000000..ec2839be2 --- /dev/null +++ b/docs/examples/navbars/index.html @@ -0,0 +1,178 @@ + + + + + + + + + + + + Navbar Template for Bootstrap + + + + + + + + + + + + + + + + + + + +
+ + +
+
+

Navbar examples

+

This example is a quick exercise to illustrate how the navbar and it's contents work. Some navbars extend the width of the viewport, others are confined within a .container. For positioning of navbars, checkout the top and fixed top examples.

+

At the smallest breakpoint, the collapse plugin is used to hide the links and show a menu button to toggle the collapsed content.

+

+ View navbar docs » +

+
+
+
+ + + + + + + + + + + + diff --git a/docs/examples/navbars/navbar.css b/docs/examples/navbars/navbar.css new file mode 100644 index 000000000..04f8c6b7f --- /dev/null +++ b/docs/examples/navbars/navbar.css @@ -0,0 +1,8 @@ +body { + /*padding-top: 20px;*/ + padding-bottom: 20px; +} + +.navbar { + margin-bottom: 20px; +} -- cgit v1.2.3