Bootstrap组件-下拉菜单、按钮组

下拉菜单

# data-toggle:激活元素
# .dropdown-menu: 定义菜单
<div class="dropdown">
  <a href="#" data-toggle="dropdown">激活元素</a>
  <ul class="dropdown-menu pull-right">    # .pull-right: 右对齐。默认.pull-left(相对于页面边缘)
    <li class="dropdown-header">标题1</li>    # 分组标题
    <li class="disabled"><a href="#"></a></li>    # 禁用样式
     <li class="divder"></li>    # 分隔线
    <li><a href="#"></a></li>
  </ul>
</div>

按钮组

# .btn-group-lg\btn-group-sm\btn-group-xs 按钮组大小
# btn-group-vertival垂直按钮组
# btn-group-justified 两端对齐
# dropup 向上弹下拉菜单
<div></div>
<div class="btn-toolbar text-center">
  <div class="btn-group btn-group-justified"> 
    <a class="btn btn-info">按钮1</a>
    <a class="btn btn-info">按钮2</a>
    <div class="btn-group">  # 嵌套按钮组
      <a herf="#" class="btn btn-default dropdown-toggler" data-toggle="dropdown">嵌套按钮组3</a>
      <a class="btn btn-default" href="#" data-toggle="dropdown"><i class="caret"></i></a> #下拉箭头
      <ul class="# dropdown-menu">
        <li><a href="#">1</a></li>
      </ul>
    </div>
  </div>
</div>