From 9af88380c440f35387292946b2e18ad7b2ab84b2 Mon Sep 17 00:00:00 2001 From: Julian Thilo Date: Tue, 14 May 2013 22:31:15 +0200 Subject: [PATCH] .navbar docs: update -fixed-* callouts, fix -link * The navbar is now always 50px high, so no need for that nasty padding code block anymore. * The new proposed body padding value also reflects the default navbar's margin-bottom. * Fixed the navbar-link example positioning (missing .navbar-text). --- docs/components.html | 26 ++++++-------------------- 1 file changed, 6 insertions(+), 20 deletions(-) diff --git a/docs/components.html b/docs/components.html index 23c20d94d3..bcf3ad7a1c 100644 --- a/docs/components.html +++ b/docs/components.html @@ -1197,13 +1197,13 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
{% highlight html %} {% endhighlight %} @@ -1236,16 +1236,9 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

Body padding required

-

The fixed navbar will overlay your other content, unless you add padding to the top of the <body>. The navbar itself has a height of 54px by default. At 768px and above, its height shrinks to 50px. Try out your own values or use our snippet below:

+

The fixed navbar will overlay your other content, unless you add padding to the top of the <body>. Try out your own values or use our snippet below. Tip: By default, the navbar is 50px high.

{% highlight css %} -body { - padding-top: 64px; -} -@media screen and (min-width: 768px) { - body { - padding-top: 60px; - } -} +body { padding-top: 70px; } {% endhighlight %}

Make sure to include this after the core Bootstrap CSS.

@@ -1272,16 +1265,9 @@ body {

Body padding required

-

The fixed navbar will overlay your other content, unless you add padding to the bottom of the <body>. The navbar itself has a height of 54px by default. At 768px and above, its height shrinks to 50px. Try out your own values or use our snippet below:

+

The fixed navbar will overlay your other content, unless you add padding to the bottom of the <body>. Try out your own values or use our snippet below. Tip: By default, the navbar is 50px high.

{% highlight css %} -body { - padding-bottom: 64px; -} -@media screen and (min-width: 768px) { - body { - padding-bottom: 60px; - } -} +body { padding-bottom: 70px; } {% endhighlight %}

Make sure to include this after the core Bootstrap CSS.