Bootstrap按钮

标签：

按钮和一个下拉按钮菜单组成的嵌套按钮组。特点，点击下拉按钮或是下拉符号就展开下拉菜单。
<div class="btn-group">
  <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>

 就是一个下拉菜单的按钮组，但第一个按钮是一个选项。点第一个按钮不会弹出下拉菜单，只有占下拉符号的时候才弹出下拉菜单。

<div class="btn-group">
    <button type="button" class="btn btn-success btn-sm">Mark as Read</button>
    <button type="button" class="btn btn-success btn-sm dropdown-toggle" data-toggle="dropdown">
        <span class="caret"></span>
        <span class="sr-only">Toggle Dropdown</span>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li><a href="#">Delete</a></li>
        <li><a href="#">Send SMS</a></li>
        <li><a href="#">Make cheese</a></li>
        <li class="divider"></li>
        <li><a href="#">Baz</a></li>
    </ul>
</div>

Bootstrap按钮

标签：

原文地址：http://www.cnblogs.com/liuyuanhao/p/4354802.html