From 672ba4c2fd9a42d4f178e795ebc162cce81bbc2f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 24 Jan 2012 19:19:50 -0800 Subject: update the subnav on all pages --- docs/components.html | 263 +++++++++++++++++++++++++-------------------------- 1 file changed, 130 insertions(+), 133 deletions(-) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index 9d28b9e06..50c615fb9 100644 --- a/docs/components.html +++ b/docs/components.html @@ -58,11 +58,12 @@
- -
-

Components

-

Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.

+ +
+

Components

+

Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.

+
-
+
+ - -
-
-

Button groups Join buttons for more toolbar-like functionality

-
-
-
-

Button groups

-

Use button groups to join multiple buttons together as one composite component. Build them with a series of <a> or <button> elements.

-

You can also combine sets of <div class="btn-group"> into a <div class="btn-toolbar"> for more complex projects.

-
+ +
+
+

Button groups Join buttons for more toolbar-like functionality

+
+
+
+

Button groups

+

Use button groups to join multiple buttons together as one composite component. Build them with a series of <a> or <button> elements.

+

You can also combine sets of <div class="btn-group"> into a <div class="btn-toolbar"> for more complex projects.

+
+
+ Left + Middle + Right +
+
+
+
- Left - Middle - Right + 1 + 2 + 3 + 4
-
-
-
-
- 1 - 2 - 3 - 4 -
-
- 5 - 6 - 7 -
-
- 8 -
+
+ 5 + 6 + 7 +
+
+ 8
-
-
-

Example markup

-

Here's how the HTML looks for a standard button group built with anchor tag buttons:

+ +
+
+

Example markup

+

Here's how the HTML looks for a standard button group built with anchor tag buttons:

 <div class="btn-group">
   <a class="btn" href="#">1</a>
@@ -134,95 +136,95 @@
   </div>
 </div>
-
-
-

Checkbox and radio flavors

-

Button groups can also function as radios, where only one button may be active, or checkboxes, where any number of buttons may be active. View the Javascript docs for that.

-

Get the javascript »

-
-

Heads up

-

CSS for button groups is in a separate file, button-groups.less.

-
-
+
+

Checkbox and radio flavors

+

Button groups can also function as radios, where only one button may be active, or checkboxes, where any number of buttons may be active. View the Javascript docs for that.

+

Get the javascript »

+
+

Heads up

+

CSS for button groups is in a separate file, button-groups.less.

+
+
+
- -
-
-

Split button dropdowns Built on button groups to provide contextual menus

+ +
+
+

Split button dropdowns Built on button groups to provide contextual menus

+
+
+
+

Split button dropdowns

+

Building on the button group styles and markup, we can easily create a split button. Split buttons feature a standard action on the left and a dropdown toggle on the right with contextual links.

+
+
+
+ Action + + +
+
+ Action + + +
+
+ Danger + + +
+
+
+
+ Success + + +
+
+ Info + + +
+
+
-
-
-

Split button dropdowns

-

Building on the button group styles and markup, we can easily create a split button. Split buttons feature a standard action on the left and a dropdown toggle on the right with contextual links.

-
-
-
- Action - - -
-
- Action - - -
-
- Danger - - -
-
-
-
- Success - - -
-
- Info - - -
-
-
-
-
-

Example markup

-

Similar to a button group, our markup uses regular button markup, but with a handful of additions to refine the style and support Bootstrap's dropdown jQuery plugin.

+
+

Example markup

+

Similar to a button group, our markup uses regular button markup, but with a handful of additions to refine the style and support Bootstrap's dropdown jQuery plugin.

 <div class="btn-group">
   <a class="btn" href="#">Action</a>
@@ -234,9 +236,9 @@
   </ul>
 </div>
-
-
+
+
@@ -528,11 +530,6 @@

Tabbable in any direction

-

Tabs on the bottom

Flip the order of the HTML and add a class to put tabs on the bottom.

-- cgit v1.2.3