From 81d101a6a7195f8575296b19fbf4d36dd145a602 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 12 Feb 2012 19:50:36 -0800 Subject: [PATCH] update docs on fixed nav per #1726 --- docs/assets/bootstrap.zip | Bin 53056 -> 53056 bytes docs/components.html | 4 +++- docs/templates/pages/components.mustache | 4 +++- 3 files changed, 6 insertions(+), 2 deletions(-) diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip index b15d66b4a1c0760e396fc221d13e0a7cfd9c017e..d9c4b4c604db972974501d426190db142199f90d 100644 GIT binary patch delta 440 zcmX>wkNLnnW}X0VW)?065OAC~kw=j&tHZ)SyJND$6j2U{u+zMW0jg}-FkxvXpuh}U zus~MF#@iP-fC7`(aymklZ2rO-!OrA3Z?d1D5!kS-j?Ha?>kL6cX3l0Xp(5vNdO)Fx z0W$oVx#{|$A)E}%aI2+3iYFC0!xY~xsuTbTg*Ds4gl0BZ3xF&Zo1%j1w#l(m3}8-~ zJcUIOq-f?=6PVEDt=B|AMy)=j&y>|M+2FJ|+?$g>o{^a>ep;Lf=zW9JvLKEAr@fJQ zyHESWct8`h&p1F#kOi67bH)YLJfPUeGsZ|NT+ap~@wT7!MpX~AP5GP=%zPlP?3^7E N@9H@x5Kr>FIsmH6ojL#j delta 440 zcmX>wkNLnnW}X0VW)?065J+pE$fL*>pJ3sikTBU{iYNzMI6##x0VXWX1XMS}7Az2- zu<`Z<4xqr~wVaMnC7Zu+MzDi~`~;1_hQ%jrZWCN*2of@LHiHQjIbYKQnG_(ypP8Gk z9~#2Rzznwy4pa`J54w`DN$qka$ -

To make the navbar fixed to the top of the viewport, add .navbar-fixed-top to the outermost div, .navbar. In your CSS, you will also need to account for the overlap it causes by adding padding-top: 40px; to your <body>.

+

Fixed navbar

+

To make the navbar fixed to the top of the viewport, add .navbar-fixed-top to 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.

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 34cc5980cc..ec7ba2636e 100644
--- a/docs/templates/pages/components.mustache
+++ b/docs/templates/pages/components.mustache
@@ -739,12 +739,14 @@
   </div>
 </div>
-

{{_i}}To make the navbar fixed to the top of the viewport, add .navbar-fixed-top to the outermost div, .navbar. In your CSS, you will also need to account for the overlap it causes by adding padding-top: 40px; to your <body>.{{/i}}

+

{{_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}}

 <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}}

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

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