bootstrap设置下拉框，并且鼠标移动到li上之后自动显示下拉框

1. bootstrap设置下拉框(li) : 

<ul class="nav nav-pills">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
下拉<b class="caret"></b>      
</a>    
<ul class="dropdown-menu">      <!-- links -->    
<li>qq</li>
<li>ww</li>
<li>ee</li>
</ul>  
</li>
</ul>

2. 鼠标放到li上之后自动显示下拉框 :  

    <script>    
$('li.dropdown').mouseover(function() {   

     $(this).addClass('open');    }).mouseout(function() {        $(this).removeClass('open');    }); 

</script>

注：此段代码放到HTML文档后面 : </body>之前或</html>之前 

js文件放在文档最后加载，有利于提高页面加载速度

HTML