bootstrap组件二

bootstrap组件2
按钮是我们在网页上最常见的一个交互工具，给人一种直观的效果。给按钮添加一些事件，然后触发事件，给页面带来一种动态的效果。Bootstrap可以用一个按钮组来装载一组的按钮把一系列的.btn按钮放入.btn-group，示例代码
<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>
不仅有按钮组，bootstrap还有按钮工具栏。把一组<div class="btn-group">组合进一个<div class="btn-toolbar">做成更复杂的组件
<div class="btn-toolbar" role="toolbar">
  <div class="btn-group">...</div>
  <div class="btn-group">...</div>
  <div class="btn-group">...</div>
</div>
有时为了改变数量比较多的按钮的大小，我们就可以把它们放在一个按钮组，然后直接使用btn-group-xs,.btn-group-sm,.btn-group-md,.btn-group-lg等改变整租的大小，就不用逐个改变了。按钮不仅可以嵌套下拉菜单，使用.btn-group-vertical让一组按钮竖直显示而不是水平显示。