From d71efb855bda3ecd0b0fd079d2d9cb231c8ba71b Mon Sep 17 00:00:00 2001 From: Erik van der Kolk Date: Sat, 18 Aug 2012 19:21:01 +0200 Subject: Separate Buttons examples in Icon examples section and add code snippets --- docs/base-css.html | 66 +++++++++++++++++++++++++++++++++++++++++------------- 1 file changed, 51 insertions(+), 15 deletions(-) (limited to 'docs/base-css.html') diff --git a/docs/base-css.html b/docs/base-css.html index 1428e38ec..40bfbcf06 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -1770,30 +1770,66 @@ For example, <code>section</code> should be wrapped as inline.

Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.

Buttons

+ +
Button group in a button toolbar
-
+
-

-
- User - - -
-

-
+
+<div class="btn-toolbar">
+  <div class="btn-group">
+
+    <a class="btn" href="#"><i class="icon-align-left"></i></a>
+    <a class="btn" href="#"><i class="icon-align-center"></i></a>
+    <a class="btn" href="#"><i class="icon-align-right"></i></a>
+    <a class="btn" href="#"><i class="icon-align-justify"></i></a>
+  </div>
+</div>
+
+ +
Dropdown in a button group
+
+
+ User + + +
+
+
+<div class="btn-group">
+  <a class="btn btn-primary" href="#"><i class="icon-user icon-white"></i> User</a>
+  <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
+  <ul class="dropdown-menu">
+    <li><a href="#"><i class="icon-pencil"></i> Edit</a></li>
+    <li><a href="#"><i class="icon-trash"></i> Delete</a></li>
+    <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li>
+    <li class="divider"></li>
+    <li><a href="#"><i class="i"></i> Make admin</a></li>
+  </ul>
+</div>
+
+ +
Button
+
+ +
+
+<a class="btn btn-small" href="#"><i class="icon-star"></i></a>
+
+

Navigation

-- cgit v1.2.3