组件 —【下拉菜单】

最新推荐文章于 2022-03-20 00:00:00 发布

Zyl_CN

最新推荐文章于 2022-03-20 00:00:00 发布

阅读量324

点赞数

分类专栏： Bootstrap

本文链接：https://blog.csdn.net/Zyl_CN/article/details/80448083

版权

Bootstrap 专栏收录该内容

50 篇文章 0 订阅

订阅专栏

如果想要使用下拉菜单，需要先引入JS，才能正常使用：

<script src="jquery-1.11.3.js"></script> //下拉菜单需要Jquery1.9.1以上的版本
<script src="bootstrap.js"></script>

<div class="dropdown">
    <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
        Dropdown
        <span class="caret"></span>//添加的是一个三角符号
    </button>
    <ul class="dropdown-menu">
        <li class="dropdown-header">Dropdown header</li>
        <li><a href="#">Action</a></li>
        <li role="separator" class="divider"></li>
        <li><a href="#">Another action</a></li>
        <li class="disabled"><a href="#">Something else here</a></li>
    </ul>
</div>