**
按钮的组合
**
<div class="btn-group">
<button type="button" class="btn btn-default">Left</button>
<button type="button" class="btn btn-default">Middle</button>
<button type="button" class="btn btn-default">Right</button>
</div>
**
如何让几个小组变成一个大组?
**
<div class="btn-toolbar">
<div class="btn-group" >...</div>
<div class="btn-group" >...</div>
<div class="btn-group">...</div>
</div>
**
分组和下拉菜单按钮的合用(嵌套一个分组)?
**
<div class="btn-group">
<button type="button" class="btn btn-default">1</button>
<button type="button" class="btn btn-default">2</button>
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" >
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>
**
按钮垂直排列的方法?
**
btn-group-vertical
**
两端对齐按钮,就是使所有的按钮均分
**
btn-group btn-group-justified
btn-default 为默认按钮样式
按钮的几种样式如下:
btn btn-default | btn btn-primary | btn btn-success | btn btn-info | btn btn-warning
btn btn-danger | btn btn-link
**
如何控制按钮的尺寸?
**
使用 .btn-lg、.btn-sm 或 .btn-xs 就可以获得不同尺寸的按钮。
**
如何让按钮占一行?
**
.btn-block
<input type="button" class="btn btn-primary btn-lg btn-block">