2024年08月08日 建站教程
如何利用bootstrap做一个下拉菜单功能，下面web建站小编给大家详细介绍一下具体实现代码！
1、引入css+js代码
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> <script src="/statichttp://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script src="/static//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
2、html代码
<div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">请选择语言<span class="caret"></span></button> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">HTML5</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">CSS3</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">PHP</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">VUE</a></li> </ul> </div>
本文链接：http://so.lmcjl.com/news/10275/