From b4cc6c74f59442879ba2b1ed3e86d26e62390835 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 21 Feb 2012 21:12:16 -0800 Subject: [PATCH] add support and docs for .navbar-fixed-bottom --- docs/assets/bootstrap.zip | Bin 56322 -> 56377 bytes docs/assets/css/bootstrap.css | 12 +++++++++--- docs/components.html | 15 +++++++++++++-- docs/templates/pages/components.mustache | 15 +++++++++++++-- less/navbar.less | 21 ++++++++++++++++++--- 5 files changed, 53 insertions(+), 10 deletions(-) diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip index c451d13a26627f032df17d960b4121de1cd775ca..44fdb437aeaf44eb2385baf5063115fda03be756 100644 GIT binary patch delta 6443 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 delta 6398 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 diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index e9fb04f2..b90cb763 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2840,20 +2840,26 @@ button.btn.btn-small, input[type="submit"].btn.btn-small { box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); outline: 0; } -.navbar-fixed-top { +.navbar-fixed-top, .navbar-fixed-bottom { position: fixed; - top: 0; right: 0; left: 0; z-index: 1030; + margin-bottom: 0; } -.navbar-fixed-top .navbar-inner { +.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding-left: 0; padding-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } +.navbar-fixed-top { + top: 0; +} +.navbar-fixed-bottom { + bottom: 0; +} .navbar .nav { position: relative; left: 0; diff --git a/docs/components.html b/docs/components.html index 172fbcf2..9cfd261f 100644 --- a/docs/components.html +++ b/docs/components.html @@ -849,13 +849,24 @@ </div>

Fixed navbar

-

To make the navbar fixed to the top of the viewport, add .navbar-fixed-top to the outermost div, .navbar.

+

Fix the navbar to the top or bottom of the viewport with an additional class on the outermost div, .navbar.

+
+
 <div class="navbar navbar-fixed-top">
   ...
 </div>
 
-

In your CSS, you will also need to account for the overlap it causes by adding 40px or more of padding to your <body>. Be sure to add this after the core Bootstrap CSS and before the optional responsive CSS.

+
+
+
+<div class="navbar navbar-fixed-bottom">
+  ...
+</div>
+
+
+
+

When you affix the navbar, remember to account for the hidden area underneath. Add 40px or more of apdding to the <body>. Be sure to add this after the core Bootstrap CSS and before the optional responsive CSS.

Brand name

A simple link to show your brand or project name only requires an anchor tag.

diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache
index 3a176fa4..8868d992 100644
--- a/docs/templates/pages/components.mustache
+++ b/docs/templates/pages/components.mustache
@@ -773,13 +773,24 @@
 </div>
 

{{_i}}Fixed navbar{{/i}}

-

{{_i}}To make the navbar fixed to the top of the viewport, add .navbar-fixed-top to the outermost div, .navbar.{{/i}}

+

{{_i}}Fix the navbar to the top or bottom of the viewport with an additional class on the outermost div, .navbar.{{/i}}

+
+
 <div class="navbar navbar-fixed-top">
   ...
 </div>
 
-

{{_i}}In your CSS, you will also need to account for the overlap it causes by adding 40px or more of padding to your <body>. Be sure to add this after the core Bootstrap CSS and before the optional responsive CSS.{{/i}}

+
+
+
+<div class="navbar navbar-fixed-bottom">
+  ...
+</div>
+
+
+
+

{{_i}}When you affix the navbar, remember to account for the hidden area underneath. Add 40px or more of apdding to the <body>. Be sure to add this after the core Bootstrap CSS and before the optional responsive CSS.{{/i}}

{{_i}}Brand name{{/i}}

{{_i}}A simple link to show your brand or project name only requires an anchor tag.{{/i}}

diff --git a/less/navbar.less b/less/navbar.less
index 87f26069..b9e63487 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -153,22 +153,37 @@
 }
 
 
+
 // FIXED NAVBAR
 // ------------
 
-.navbar-fixed-top {
+// Shared (top/bottom) styles
+.navbar-fixed-top,
+.navbar-fixed-bottom {
   position: fixed;
-  top: 0;
   right: 0;
   left: 0;
   z-index: @zindexFixedNavbar;
+  margin-bottom: 0; // remove 18px margin for static navbar
 }
-.navbar-fixed-top .navbar-inner {
+.navbar-fixed-top .navbar-inner,
+.navbar-fixed-bottom .navbar-inner {
   padding-left:  0;
   padding-right: 0;
   .border-radius(0);
 }
 
+// Fixed to top
+.navbar-fixed-top {
+  top: 0;
+}
+
+// Fixed to bottom
+.navbar-fixed-bottom {
+  bottom: 0;
+}
+
+
 
 // NAVIGATION
 // ----------