AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

Bootstrap下拉菜单Dropdowns的实现代码

51自学网 http://www.wanshiok.com
Bootstrap,下拉菜单

本文实例为大家分享了Bootstrap下拉菜单的具体代码,供大家参考,具体内容如下

<!DOCTYPE html> <html>  <head>   <title>Bootstrap-下拉菜单标题</title>    <meta charset="utf-8">   <link rel="stylesheet" href="css/bootstrap.min.css" rel="external nofollow" >   <style>    body {      padding-top: 150px;      padding-bottom: 40px;      font-family: '宋体';     }   </style>  </head>   <body>   <div class="container">   <div class="dropdown">    <button type="button" class="btn dropdown-toggle" data-toggle="dropdown"    style="font-size:36px;: blue; width:100;height: 50; ">     常用语种 <span class="caret"> </span>    </button>    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">     <li role="presentation" class="dropdown-header">      下拉菜单标题     </li>     <li role="presentation" >      <a role="menuitem" tabindex="-1" href="#" rel="external nofollow" rel="external nofollow" >中文</a>     </li>     <li role="presentation" class="dropdown-header">      下拉菜单标题     </li>     <li role="presentation">      <a role="menuitem" tabindex="-1" href="#" rel="external nofollow" rel="external nofollow" >英文</a>     </li>    </ul>   </div>   </div>   <script src="js/jquery.min.js"></script>   <script src="js/bootstrap.min.js"></script>  </body> </html> 

 效果图:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持wanshiok.com。


Bootstrap,下拉菜单  
上一篇:angularJS之$http:与服务器交互示例  下一篇:Bootstrap面板(Panels)的简单实现代码