开发者社区> 问答> 正文

Bootstrap中按钮组怎么实现嵌套呢?

Bootstrap中按钮组怎么实现嵌套呢?

展开
收起
格格的阿里云 2022-03-30 01:19:34 441 0
1 条回答
写回答
取消 提交回答
  • 想要把下拉菜单混合到一系列按钮中,只须把.btn-group放入另一个.btn-group中。 实例如图: image.png

    代码实现:

    <div class="btn-group"" role="group" aria-label="...">
      <button type="button" class="btn btn-default">1</button> 
      <button type="button" class="btn btn-default">2</button>
    
      <div class="btn-group" role="group">
        <button type="button"class="btn btn-default dropdown-toggle" data-toggle= "dropdown" aria-haspopup="true" aria-expanded="false">
          Dropdown
          <span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
          <li><a href="#">Dropdown link</a></li>
          <li><a href="#">Dropdown link</a></li>
        </ul>
      </div>
    </div>
    
    2022-03-30 01:25:44
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载

相关实验场景

更多