github/bootstrap
1
1
Fork 0
mirror of https://github.com/jasny/bootstrap.git synced 2026-02-10 05:54:56 -05:00
Code Issues Packages Projects Releases Wiki Activity

add basic vertical button group support

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

24
docs/templates/pages/components.mustache vendored
View File

@@ -186,6 +186,30 @@
</div>
</pre>
<hr class="bs-docs-separator">
<h2>{{_i}}Vertical button groups{{/i}}</h2>
<p>{{_i}}Make a set of buttons appear vertically stacked rather than horizontally.{{/i}}</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>{{_i}}Checkbox and radio flavors{{/i}}</h3>
<p>{{_i}}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.{{/i}}</p>