第八篇Bootstrap下拉菜单实例代码

编程学习 2021-07-04 19:59www.dzhlxh.cn编程入门
这篇文章主要介绍了Bootstrap下拉菜单实例代码的相关知识,非常不错,具有参考借鉴价值,感兴趣的朋友一起学习吧

先给大家说下我的实现思路:给div一个class “dropdown”,将下拉菜单放在这个div里就可以显示bootstrap的下拉菜单。

<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Regular link</a></li>
<li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled link</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another link</a></li>
</ul>
</div>

以上所述是长沙网络推广给大家介绍的第八篇Bootstrap下拉菜单实例代码的全部叙述,希望对大家有所帮助,如果大家有任何疑问请给我留言,长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持!

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板