开发者社区> 问答> 正文

Bootstrap里分裂式按钮下拉菜单怎么理解呢?

Bootstrap里分裂式按钮下拉菜单怎么理解呢?

展开
收起
格格的阿里云 2022-03-30 02:14:47 484 0
1 条回答
写回答
取消 提交回答
  • 分裂式按钮下拉菜单也需要同样的改变一些标记,但只是多一个分开的按钮。 示例如下: image.png

    代码实现:

    <!-- Split button -->
    <div class="btn-group">
      <button type="button" class="btn btn-danger">Action</button>
      <button type="button" class="btn btn-danger dropdown-toggle" data-toggle "dropdown" aria-haspopup="true" aria-expanded="false">
        <span class="caret"></span>
        <span class="sr-only">Toggle Dropdown</span>
      </button>
      <ul class="dropdown-menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#”>Something else here</a></li>
        <li role="separator" class="divider"></li>
        <li><a href="#">Separated link</a></li>
      </ul>
    </div>
    
    2022-03-30 02:21:21
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

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