From 1802cedbc11d9468705e9289297616f785e33a8d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 31 Jan 2014 13:12:31 -0800 Subject: Use scss option instead of css for better highlighting --- docs/components.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index 695482ead..a1e6d063f 100644 --- a/docs/components.html +++ b/docs/components.html @@ -1574,7 +1574,7 @@ lead: "Over a dozen reusable components built to provide iconography, dropdowns,

Body padding required

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 %} +{% highlight scss %} body { padding-top: 70px; } {% endhighlight %}

Make sure to include this after the core Bootstrap CSS.

@@ -1618,7 +1618,7 @@ body { padding-top: 70px; }

Body padding required

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 %} +{% highlight scss %} body { padding-bottom: 70px; } {% endhighlight %}

Make sure to include this after the core Bootstrap CSS.

-- cgit v1.2.3 From d675284cf65b0b1c30ed555f3148dd880a52da27 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Mon, 3 Feb 2014 02:38:18 -0800 Subject: Safari's justified nav bug is still present as of Safari v7.0.1; fixes #12454 --- docs/components.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index a1e6d063f..264e9c763 100644 --- a/docs/components.html +++ b/docs/components.html @@ -1140,7 +1140,7 @@ lead: "Over a dozen reusable components built to provide iconography, dropdowns,

Easily make tabs or pills equal widths of their parent at screens wider than 768px with .nav-justified. On smaller screens, the nav links are stacked.

Safari and responsive justified navs

-

Safari exhibits a bug in which resizing your browser horizontally causes rendering errors in the justified nav that are cleared upon refreshing. This bug is also shown in the justified nav example.

+

As of v7.0.1, Safari exhibits a bug in which resizing your browser horizontally causes rendering errors in the justified nav that are cleared upon refreshing. This bug is also shown in the justified nav example.

    -- cgit v1.2.3 From 3b4b9a7fe58082cde1545167e511a4acc6d5a0fb Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 7 Feb 2014 01:16:34 -0800 Subject: Fixes #12614: Add progress bar example with visible label --- docs/components.html | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index 264e9c763..45c7d2e4b 100644 --- a/docs/components.html +++ b/docs/components.html @@ -2261,6 +2261,23 @@ body { padding-bottom: 70px; } 60% Complete
+{% endhighlight %} + +

With label

+

Remove the .sr-only class from within the progress bar to show a visible percentage. For low percentages, consider adding a min-width to ensure the label's text is fully visible.

+
+
+
+ 60% +
+
+
+{% highlight html %} +
+
+ 60% Complete +
+
{% endhighlight %}

Contextual alternatives

-- cgit v1.2.3 From 4f9cdefab7dc8b569eb5f630264559f230ff4df4 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 7 Feb 2014 01:31:42 -0800 Subject: consistency --- docs/components.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index 45c7d2e4b..efa8a0519 100644 --- a/docs/components.html +++ b/docs/components.html @@ -2275,7 +2275,7 @@ body { padding-bottom: 70px; } {% highlight html %}
- 60% Complete + 60%
{% endhighlight %} -- cgit v1.2.3 From 24de9b099438c09236b2066333744e3995cd88ab Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 4 Mar 2014 16:55:15 -0800 Subject: Fixes #12848: Account for and document progress bars at 0-3% --- docs/components.html | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index efa8a0519..5780c4a31 100644 --- a/docs/components.html +++ b/docs/components.html @@ -2280,6 +2280,34 @@ body { padding-bottom: 70px; }
{% endhighlight %} +

Low percentages

+

Progress bars representing low single digit percentages, as well as 0%, include a min-width: 20px; for legibility.

+
+
+
+ 0% +
+
+
+
+ 2% +
+
+
+{% highlight html %} +
+
+ 0% +
+
+
+
+ 2% +
+
+{% endhighlight %} + +

Contextual alternatives

Progress bars use some of the same button and alert classes for consistent styles.

-- cgit v1.2.3