bootstrap 按钮组件

  按钮组件主要的类名：

　　.btn-toolbar     把几个  .btn-group 组合在一起，更复杂的组件

　　.btn-group

　　.btn-group-vertical   垂直堆叠显示    默认的是水平堆叠

　　按钮组件大小：   .btn-group-lg大号      .btn-group-sm中号       .btn-group-xs 小号

 

 

综合用法： 可以根据需要自行组合

　　<div class="btn-toolbar">

　　　　<div class="btn-group">

　　`　 　　<button class="btn  btn-default ">按钮1</button>

　　　　　　<button class="btn  btn-default">按钮2</button>

　　　　</div>

　　　　<div class="btn-group">

　　　　　　<button class="btn  btn-default ">按钮1</button>

　　　　　　<button class="btn  btn-default ">按钮1</button>

　　　　　　<div class="btn-group">  <!--这一部分和 定义下拉菜单的代码一样 .dropdown-->

　　　　　　　　<button class="btn btn-default  dropdown-toggle"    data-toggle="dropdown">下拉按钮 <span class="caret"></span></button>

　　　　　　　　<ul class="dropdown-menu" role="menu">

　　　　　　　　　　<li  class="dropdown-header">标题</li>

　　　　　　　　　　<li><a>html</a></li>　　　　

　　　　　　　　　　<li class="divider"><li>

　　　　　　　　　　<li><a>css</a></li>　　　　　　

　　　　　　　　</ul>

　　　　　　</div>

　　　　</div>

　　</div>