From 9f5b619094e9023d775e2ebd438ed2d327baeda2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 30 Jan 2012 07:49:28 -0800 Subject: add in regular button dropdowns, rejigger the button dropdowns section to reflect change --- docs/templates/pages/components.mustache | 81 +++++++++++++++++++++++++++++++- 1 file changed, 79 insertions(+), 2 deletions(-) (limited to 'docs/templates') diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache index 4997b2990..b257cd4d1 100644 --- a/docs/templates/pages/components.mustache +++ b/docs/templates/pages/components.mustache @@ -103,8 +103,85 @@ ================================================== -->
-

{{_i}}Buttons dropdowns{{/i}} {{_i}}Built on button groups to provide contextual dropdown menus{{/i}}

+

{{_i}}Buttons dropdowns{{/i}} {{_i}}Contextual dropdown menus built on button groups{{/i}}

+ +
+
+

{{_i}}Button dropdowns{{/i}}

+

{{_i}}Use any button to trigger a dropdown menu by placing it within a .btn-group and providing the proper menu markup.{{/i}}

+
+
+ {{_i}}Action{{/i}} + +
+
+ {{_i}}Action{{/i}} + +
+
+ {{_i}}Danger{{/i}} + +
+
+
+
+ {{_i}}Success{{/i}} + +
+
+ {{_i}}Info{{/i}} + +
+
+
+
+

{{_i}}Example markup{{/i}}

+

{{_i}}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.{{/i}}

+
+<div class="btn-group">
+  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
+    {{_i}}Action{{/i}}
+    <span class="caret"></span>
+  </a>
+  <ul class="dropdown-menu">
+    <!-- {{_i}}dropdown menu links{{/i}} -->
+  </ul>
+</div>
+
+
+
+

{{_i}}Split button dropdowns{{/i}}

@@ -171,7 +248,7 @@

{{_i}}Example markup{{/i}}

-

{{_i}}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.{{/i}}

+

{{_i}}We expand on the normal button dropdowns to provide a second button action that operates as a separate dropdown trigger.{{/i}}

 <div class="btn-group">
   <a class="btn" href="#">{{_i}}Action{{/i}}</a>
-- 
cgit v1.2.3