From d02c6957d44761c35121cb88af727802ce4d9e5e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 27 Jan 2012 19:49:56 -0800 Subject: fixing up buttons and examples of implementing icons --- docs/components.html | 153 +++++++++++++++++++++++++-------------------------- 1 file changed, 74 insertions(+), 79 deletions(-) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index cf5fcb928..6ebf6a4f0 100644 --- a/docs/components.html +++ b/docs/components.html @@ -96,32 +96,29 @@

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
-
-
-
- 1 - 2 - 3 - 4 -
-
- 5 - 6 - 7 -
-
- 8 -
+
+
+ 1 + 2 + 3 + 4 +
+
+ 5 + 6 + 7 +
+
+ 8
-

Example markup

@@ -165,67 +162,65 @@

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 - - -
-
-
+
+
+ Action + + +
+
+ Action + + +
+
+ Danger + + +
+
+
+
+ Success + + +
+
+ Info + + +
+

Example markup

-- cgit v1.2.3