From 9f26194489630e16b3b415ee08bcdf5615ab015a Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Thu, 30 Jan 2014 10:42:44 -0800 Subject: note specific versions of IE where progress bar animation supported; fixes #12437 --- 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 06b69ad1a..6cf14ab44 100644 --- a/docs/components.html +++ b/docs/components.html @@ -2367,7 +2367,7 @@ body { padding-bottom: 70px; } {% endhighlight %}

Animated

-

Add .active to .progress-striped to animate the stripes right to left. Not available in all versions of IE.

+

Add .active to .progress-striped to animate the stripes right to left. Not available in IE9 and below.

45% Complete
-- cgit v1.2.3 From c86c8de4f2c2e28fa02ae1f91b769945579610a4 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Thu, 30 Jan 2014 12:24:45 -0800 Subject: rm duplicate warning callouts in Input Groups docs --- docs/components.html | 9 --------- 1 file changed, 9 deletions(-) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index 6cf14ab44..695482ead 100644 --- a/docs/components.html +++ b/docs/components.html @@ -821,15 +821,6 @@ lead: "Over a dozen reusable components built to provide iconography, dropdowns,
{% endhighlight %} -
-

Tooltips & popovers in input groups require special setting

-

When using tooltips or popovers on elements within an .input-group, you'll have to specify the option container: 'body' to avoid unwanted side effects (such as the element growing wider and/or losing its rounded corners when the tooltip or popover is triggered).

-
-
-

Don't mix with other components

-

Do not mix form groups or grid column classes directly with input groups. Instead, nest the input group inside of the form group or grid-related element.

-
-

Sizing

Add the relative form sizing classes to the .input-group itself and contents within will automatically resize—no need for repeating the form control size classes on each element.

-- cgit v1.2.3 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