Bootstrap 按钮嵌套


按钮嵌套

您可以在一个按钮组内嵌套另一个按钮组,即,在一个 .btn-group 内嵌套另一个 .btn-group 。当您向让下拉菜单与一系列按钮组合使用时,就会用到这个。

如下例想要把下拉菜单混合到一系列按钮中,只须把 .btn-group 放入另一个 .btn-group 中。

<div class="btn-group">
  <button type="button" class="btn btn-default">按钮嵌套:菜单A</button>
  <button type="button" class="btn btn-default">按钮嵌套:菜单B</button>

  <div class="btn-group">
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
      Bootstrap 按钮嵌套:下拉(Dropdown)演示
      <span class="caret">&nbsp;</span>
    </button>
    <ul class="dropdown-menu" role="menu">
      <li><a href="#">Dropdown link 1(这是一个下拉按钮子菜单</a></li>
      <li><a href="#">Dropdown link 2这是一个下拉按钮子菜单</a></li>
    </ul>
  </div>
</div>

没有找到答案?搜索一下吧!

学习导航


Bootstrap3中文开发手册参考网站
w3c.3306.biz 提供的内容仅用于学习或测试。所有内容均整理自互联网!目的是为了让更多读者欣赏,我们不保证内容的正确性,并对任何法律问题及风险不承担任何责任。 当您在浏览本站时,代表您已接受了本站的使用条款和隐私条款。(删除内容:512876994#qq.com)