aboutsummaryrefslogtreecommitdiff
path: root/components.html
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2013-08-13 09:59:38 -0700
committerMark Otto <[email protected]>2013-08-13 09:59:38 -0700
commitf15f259876d77004fadf5b5937af5ab6b5eabb8e (patch)
tree8243ade5366e9909a9a2a029b1d8ed125418955c /components.html
parent36c4223b1d316c391e62741d10ad16bcf58ee36a (diff)
downloadbootstrap-f15f259876d77004fadf5b5937af5ab6b5eabb8e.tar.xz
bootstrap-f15f259876d77004fadf5b5937af5ab6b5eabb8e.zip
derp
Diffstat (limited to 'components.html')
-rw-r--r--components.html32
1 files changed, 31 insertions, 1 deletions
diff --git a/components.html b/components.html
index bbfcf69c6..b619d0db0 100644
--- a/components.html
+++ b/components.html
@@ -230,11 +230,41 @@ base_url: "../"
<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-example">
- <div class="btn-group-vertical">
+ <div class="btn-group btn-group-vertical">
<button type="button" class="btn btn-default">Button</button>
<button type="button" class="btn btn-default">Button</button>
+ <div class="btn-group">
+ <button type="button" class="btn btn-default 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>
+ </ul>
+ </div>
<button type="button" class="btn btn-default">Button</button>
<button type="button" class="btn btn-default">Button</button>
+ <div class="btn-group">
+ <button type="button" class="btn btn-default 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>
+ </ul>
+ </div>
+ <div class="btn-group">
+ <button type="button" class="btn btn-default 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>
+ </ul>
+ </div>
</div>
</div>
{% highlight html %}