aboutsummaryrefslogtreecommitdiff
path: root/docs/components.html
diff options
context:
space:
mode:
Diffstat (limited to 'docs/components.html')
-rw-r--r--docs/components.html24
1 files changed, 24 insertions, 0 deletions
diff --git a/docs/components.html b/docs/components.html
index ce931783f..3b3f5a783 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -263,6 +263,30 @@
</div>
</pre>
+
+ <hr class="bs-docs-separator">
+
+
+ <h2>Vertical button groups</h2>
+ <p>Make a set of buttons appear vertically stacked rather than horizontally.</p>
+ <div class="bs-docs-example">
+ <div class="btn-group btn-group-vertical">
+ <button type="button" class="btn"><i class="icon-align-left"></i></button>
+ <button type="button" class="btn"><i class="icon-align-center"></i></button>
+ <button type="button" class="btn"><i class="icon-align-right"></i></button>
+ <button type="button" class="btn"><i class="icon-align-justify"></i></button>
+ </div>
+ </div>
+<pre class="prettyprint linenums">
+&lt;div class="btn-group btn-group-vertical"&gt;
+ ...
+&lt;/div&gt;
+</pre>
+
+
+ <hr class="bs-docs-separator">
+
+
<h3>Checkbox and radio flavors</h3>
<p>Button groups can also function as radios, where only one button may be active, or checkboxes, where any number of buttons may be active. View <a href="./javascript.html#buttons">the Javascript docs</a> for that.</p>