From 7d41a387693c49347e06572ceb7ec2207ee30d46 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Fri, 3 May 2013 16:16:26 -0700
Subject: Fixes #7511: add support for nested button groups so you can use
 dropdowns in your button groups

---
 docs/docs.html | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

(limited to 'docs/docs.html')

diff --git a/docs/docs.html b/docs/docs.html
index cd90b1510..346725215 100644
--- a/docs/docs.html
+++ b/docs/docs.html
@@ -2919,6 +2919,28 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
 </div>
 {% endhighlight %}
 
+    <h3 id="btn-groups-nested">Nested button groups</h3>
+    <p>Place buttons groups within button groups when you want dropdown menus mixed with a series of buttons.</p>
+    <div class="bs-docs-example">
+      <div class="btn-group">
+        <button type="button" class="btn">1</button>
+        <button type="button" class="btn">2</button>
+        <button type="button" class="btn">3</button>
+
+        <div class="btn-group">
+          <button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
+            Dropdown
+            <span class="caret"></span>
+          </button>
+          <ul class="dropdown-menu">
+            <li><a href="#">Dropdown link</a></li>
+            <li><a href="#">Dropdown link</a></li>
+            <li><a href="#">Dropdown link</a></li>
+           </ul>
+        </div>
+      </div>
+    </div>
+
     <h3 id="btn-groups-vertical">Vertical button groups</h3>
     <p>Make a set of buttons appear vertically stacked rather than horizontally.</p>
     <div class="bs-docs-example">
-- 
cgit v1.2.3