From d7bc89b4334762e452c76458012305553cff7691 Mon Sep 17 00:00:00 2001 From: Julian Thilo Date: Sun, 14 Apr 2013 04:04:01 +0200 Subject: [PATCH] Sidenotes instead of alerts * I propose: make the docs rely more heavily on the new design language, replace alerts (not the .alert examples) by sidenotes. * Remove alert-heading class, which no longer exists in CSS. --- docs/docs.html | 52 ++++++++++++++++++++++++++------------------------ 1 file changed, 27 insertions(+), 25 deletions(-) diff --git a/docs/docs.html b/docs/docs.html index d668999e60..6d6888e040 100644 --- a/docs/docs.html +++ b/docs/docs.html @@ -2561,10 +2561,10 @@ For example, <section> should be wrapped as inline. {% endhighlight %} -

- Heads up! - Using icons without any additional content means the icons are not represented to screen reader users. -

+
+

Accessibility

+

Keep in mind that using icons without any additional content means the icons are not represented to screen reader users.

+
Dropdown in a button group
@@ -3602,8 +3602,9 @@ For example, <section> should be wrapped as inline.
{% endhighlight %} -
- Heads up! The responsive navbar requires the collapse plugin. +
+

Plugin dependency

+

The responsive navbar requires the collapse plugin to be included in your version of Bootstrap.

@@ -5288,9 +5289,9 @@ $('.dropdown-toggle').dropdown() $('.navbar').scrollspy() {% endhighlight %} -
- Heads up! - Navbar links must have resolvable id targets. For example, a <a href="#home">home</a> must correspond to something in the dom like <div id="home"></div>. +
+

Resolvable ID targets required

+

Navbar links must have resolvable id targets. For example, a <a href="#home">home</a> must correspond to something in the dom like <div id="home"></div>.

Methods

@@ -5577,9 +5578,9 @@ $('#example').tooltip(options) -
- Heads up! - Options for individual tooltips can alternatively be specified through the use of data attributes. +
+

Data attributes for individual tooltips

+

Options for individual tooltips can alternatively be specified through the use of data attributes, as explained above.

Markup

@@ -5757,9 +5758,9 @@ $('#example').tooltip(options) -
- Heads up! - Options for individual popovers can alternatively be specified through the use of data attributes. +
+

Data attributes for individual popovers +

Options for individual popovers can alternatively be specified through the use of data attributes, as explained above.

Markup

@@ -5808,7 +5809,7 @@ $('#example').tooltip(options)
-

Oh snap! You got an error!

+

Oh snap! You got an error!

Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

Take this action Or do this @@ -5977,9 +5978,9 @@ $('.nav-tabs').button()

$().button('toggle')

Toggles push state. Gives the button the appearance that it has been activated.

-
- Heads up! - You can enable auto toggling of a button by using the data-toggle attribute. +
+

Auto toggling

+

You can enable auto toggling of a button by using the data-toggle attribute.

{% highlight html linenos %} @@ -5992,9 +5993,9 @@ $('.nav-tabs').button() {% endhighlight %} -
- Heads up! - Firefox persists the disabled state across page loads. A workaround for this is to use autocomplete="off". +
+

Cross-browser compatibility

+

Firefox persists the disabled state across page loads. A workaround for this is to use autocomplete="off".

$().button('reset')

@@ -6393,6 +6394,7 @@ $('.carousel').carousel({

.carousel('pause')

Stops the carousel from cycling through items.

+

.carousel(number)

Cycles the carousel to a particular frame (0 based, similar to an array).

@@ -6544,9 +6546,9 @@ $('.typeahead').typeahead()
...
{% endhighlight %} -
- Heads up! - You must manage the position of a pinned element and the behavior of its immediate parent. Position is controlled by affix, affix-top, and affix-bottom. Remember to check for a potentially collapsed parent when the affix kicks in as it's removing content from the normal flow of the page. +
+

Heads up!

+

You must manage the position of a pinned element and the behavior of its immediate parent. Position is controlled by affix, affix-top, and affix-bottom. Remember to check for a potentially collapsed parent when the affix kicks in as it's removing content from the normal flow of the page.

Via JavaScript