Bootstrap 控件布局,-2：下拉菜单、按钮组

一、下拉菜单的用法
（1）
一定要把这一组下拉菜单都放进<div class="dropdown"></div>这个总的div里面，默认隐藏，如果是上拉列表就dropup
（2）一定要在button里面，添加data-toggle=“dropdown”属性，只要这样下拉列表框才会显示出来
（3）ul里面要加类dropdown-menu
(4)要在li里面加入a标签，不然没那个灰色选中的点击
（5）如果要让下拉列表框有一栏是禁用状态，在li里面加入类disabled
（6）如果要在列表里面有个分割线，就加一列

• <div class="dropdown">
      <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">主题
          <span class="caret"></span>
      </button>
      <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
          <li role="presentation">
              <a role="menuitem" tabindex="-1" href="#">Java</a>
          </li>
          <li role="presentation">
              <a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
          </li>
          <li role="presentation">
              <a role="menuitem" tabindex="-1" href="#">数据通信/网络</a>
          </li>
          <li role="presentation" class="divider"></li>
          <li role="presentation">
              <a role="menuitem" tabindex="-1" href="#">分离的链接</a>
          </li>
      </ul>
  </div>
  

  二、按钮组
  （1）加上btn-group构成一个按钮组<div class="btn-group"><button></button></div>
  （2）如果按钮组想垂直，就使用类btn-group-vertical在div里面
  （3）如果按钮组与下拉列表结合、就是大的btn-group里面嵌套一个btn-group

  <div class="btn-group">--改成btn-group-vertical"就是垂直列表框了
      <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" data-toggle="dropdown">
          下拉
          <span class="caret"></span>
      </button>
      <ul class="dropdown-menu">
          <li><a href="#">下拉链接 1</a></li>
          <li><a href="#">下拉链接 2</a></li>
      </ul>
      </div>
  </div>
  

  
  （4）按钮工具栏：<div class="btn-toolbar" >把这句话包裹在所有的btn-group里面就可以了
  （5）如果想让按钮和下三角的标志中间有条分割线，就要有两个button在同一个btn-group组里面

  <div class="btn-group">
    <button>按钮</button>
    <button data-toggle="dropdown"><span class="caret"></span></button>
  </div>
  

  (6)大小：在button里面添加类.btn-lg、.btn-sm 或 .btn-xs。