【bootstrap】组件上/下拉式菜单

最新推荐文章于 2022-04-01 18:13:08 发布

MR. three

最新推荐文章于 2022-04-01 18:13:08 发布

阅读量427

点赞数

CC 4.0 BY-SA版权

文章标签： bootstrap css 前端

本文链接：https://blog.youkuaiyun.com/weixin_45096185/article/details/122432716

本文详细介绍了Bootstrap框架中的下拉式菜单组件，包括如何创建、使用上/下拉菜单，以及如何与其他Bootstrap元素结合使用，提升前端界面的交互体验。

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

Dropdown

Action
Another action
Something else here
Separated link

<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>

<div class="dropup open">  <!-- open控制菜单收缩展开-->
    <button class="btn btn-primary " data-toggle="dropdown" >
        Dropup
        <span class="caret"></span>  
          <!-- dropup open菜单向上打开 向上小三角-->
    </button>
    <ul class="dropdown-menu">
        <li class="active"><a href="#">Action</a></li> <!-- active 默认是选中状态-->
        <li><a href="#">Another action</a></li>
        <li class="divider"></li>     <!-- 分界线-->
        <li><a href="#">Something else here</a></li>
        <li><a href="#">Separated link</a></li>
    </ul>
</div>