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>