aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2012-02-12 19:50:36 -0800
committerMark Otto <[email protected]>2012-02-12 19:50:36 -0800
commit81d101a6a7195f8575296b19fbf4d36dd145a602 (patch)
tree1750bc57316873519088288681430058a889cf4a
parent5fc62c5fcc93ab36a419c35e72674fbf632b09c3 (diff)
downloadbootstrap-81d101a6a7195f8575296b19fbf4d36dd145a602.tar.xz
bootstrap-81d101a6a7195f8575296b19fbf4d36dd145a602.zip
update docs on fixed nav per #1726
-rw-r--r--docs/assets/bootstrap.zipbin53056 -> 53056 bytes
-rw-r--r--docs/components.html4
-rw-r--r--docs/templates/pages/components.mustache4
3 files changed, 6 insertions, 2 deletions
diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index b15d66b4a..d9c4b4c60 100644
--- a/docs/assets/bootstrap.zip
+++ b/docs/assets/bootstrap.zip
Binary files differ
diff --git a/docs/components.html b/docs/components.html
index 8cd2e58d8..ac87f74b5 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -815,12 +815,14 @@
&lt;/div&gt;
&lt;/div&gt;
</pre>
- <p>To make the navbar fixed to the top of the viewport, add <code>.navbar-fixed-top</code> to the outermost div, <code>.navbar</code>. In your CSS, you will also need to account for the overlap it causes by adding <code>padding-top: 40px;</code> to your <code>&lt;body&gt;</code>.</p>
+ <h3>Fixed navbar</h3>
+ <p>To make the navbar fixed to the top of the viewport, add <code>.navbar-fixed-top</code> to the outermost div, <code>.navbar</code>.</p>
<pre class="prettyprint linenums">
&lt;div class="navbar navbar-fixed-top"&gt;
...
&lt;/div&gt;
</pre>
+ <p>In your CSS, you will also need to account for the overlap it causes by adding 40px or more of padding to your <code>&lt;body&gt;</code>. Be sure to add this after the core Bootstrap CSS and before the optional responsive CSS.</p>
<h3>Brand name</h3>
<p>A simple link to show your brand or project name only requires an anchor tag.</p>
<pre class="prettyprint linenums">
diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache
index 34cc5980c..ec7ba2636 100644
--- a/docs/templates/pages/components.mustache
+++ b/docs/templates/pages/components.mustache
@@ -739,12 +739,14 @@
&lt;/div&gt;
&lt;/div&gt;
</pre>
- <p>{{_i}}To make the navbar fixed to the top of the viewport, add <code>.navbar-fixed-top</code> to the outermost div, <code>.navbar</code>. In your CSS, you will also need to account for the overlap it causes by adding <code>padding-top: 40px;</code> to your <code>&lt;body&gt;</code>.{{/i}}</p>
+ <h3>{{_i}}Fixed navbar{{/i}}</h3>
+ <p>{{_i}}To make the navbar fixed to the top of the viewport, add <code>.navbar-fixed-top</code> to the outermost div, <code>.navbar</code>.{{/i}}</p>
<pre class="prettyprint linenums">
&lt;div class="navbar navbar-fixed-top"&gt;
...
&lt;/div&gt;
</pre>
+ <p>{{_i}}In your CSS, you will also need to account for the overlap it causes by adding 40px or more of padding to your <code>&lt;body&gt;</code>. Be sure to add this after the core Bootstrap CSS and before the optional responsive CSS.{{/i}}</p>
<h3>{{_i}}Brand name{{/i}}</h3>
<p>{{_i}}A simple link to show your brand or project name only requires an anchor tag.{{/i}}</p>
<pre class="prettyprint linenums">