如何利用bootstrap做一个下拉菜单功能

如何利用bootstrap做一个下拉菜单功能，下面编程教程网小编给大家详细介绍一下具体实现代码！

1、引入css+js代码

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="//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>