首页 > Web开发 > 详细

第五十二节 jQuery之bootstrap下拉菜单

时间:2020-03-16 22:42:12      阅读:65      评论:0      收藏:0      [点我收藏+]
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 6     <title>Document</title>
 7     <script type="text/javascript" src="../jquery-1.12.4.min.js"></script>
 8     <script type="text/javascript" src="./js/bootstrap.min.js"></script>
 9     <link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">
10 </head>
11 <body>
12     <div class="container">
13         <div class="row">
14             <div class="dropdown">
15                 <div class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
16                     下拉菜单
17                     <span class="caret"></span>
18                 </div>
19                 <ul class="dropdown-menu">
20                     <li><a href="#">菜单一</a></li>
21                     <li><a href="#">菜单二</a></li>
22                     <li><a href="#">菜单三</a></li>
23                 </ul>
24             </div>
25         </div>
26     </div>
27 </body>
28 </html>

 

第五十二节 jQuery之bootstrap下拉菜单

原文:https://www.cnblogs.com/kogmaw/p/12506509.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!