2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-21 13:24:08 +03:00

add basic vertical button group support

This commit is contained in:
Mark Otto
2012-06-19 14:42:46 -07:00
parent 64ba423b6d
commit b54264cde0
4 changed files with 120 additions and 0 deletions
+24
View File
@@ -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>