组件 —【多重按钮组嵌套】

最新推荐文章于 2022-12-02 15:14:10 发布

Zyl_CN

最新推荐文章于 2022-12-02 15:14:10 发布

阅读量369

点赞数

CC 4.0 BY-SA版权

分类专栏： Bootstrap

本文链接：https://blog.youkuaiyun.com/Zyl_CN/article/details/80464868

Bootstrap 专栏收录该内容

50 篇文章

订阅专栏

本文介绍如何在一系列按钮中嵌套使用下拉菜单的方法，只需将.btn-group置于另一个.btn-group内即可实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>