下拉菜单，多级菜单

下拉菜单，多级菜单

 本例有2个，一个带图标图片的，另外一个纯文字

演示

 

 

XML/HTML Code

1. <section id="skin1">  
2. <div class="navbar">  
3. <div class="navbar-inner PL0 PT20">  
4. <div class="container">  
5. <div class="nav-collapse collapse navbar-responsive-collapse">  
6. <ul class="nav">  
7. <li class="active"><a href="#" class="make-round">Home</a></li>  
8. <li><a href="#">Graphics</a></li>  
9. <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Templates<i class="icon-angle-down"></i></a>  
10. <ul class="dropdown-menu">  
11. <li><a href="#">Free Templates</a></li>  
12. <li><a href="#">Premium Templates</a></li>  
13. <li class="dropdown-submenu"> <a tabindex="-1" href="#">WordPress Themes</a>  
14. <ul class="dropdown-menu">  
15. <li><a href="#">Free WordPress Themes</a></li>  
16. <li><a href="#">Premium WordPress Themes</a></li>  
17. </ul>  
18. </li>  
19. </ul>  
20. </li>  
21. </ul>  
22. </div>  
23. <!-- /.nav-collapse -->   
24. </div>  
25. </div>  
26. <!-- /navbar-inner -->   
27. </div>  
28. </section>  

 

原文地址:http://www.freejs.net/article_daohangcaidan_240.html