Bootstrap下拉菜單Dropdowns的實(shí)現(xiàn)代碼

2019-11-19 17:07:42

字體：大中小

供稿：網(wǎng)友

本文實(shí)例為大家分享了Bootstrap下拉菜單的具體代碼，供大家參考，具體內(nèi)容如下

<!DOCTYPE html> <html>  <head>   <title>Bootstrap-下拉菜單標(biāo)題</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">      下拉菜單標(biāo)題     </li>     <li role="presentation" >      <a role="menuitem" tabindex="-1" href="#" rel="external nofollow" rel="external nofollow" >中文</a>     </li>     <li role="presentation" class="dropdown-header">      下拉菜單標(biāo)題     </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>

效果圖：