转载

下拉菜单基本实例

将下拉菜单触发器和下拉菜单都包裹在 .dropdown 里，或者另一个声明了 position: relative; 的元素。然后加入组成菜单的 HTML 代码。

 <div class="dropdown">  <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" id="dropdownMenu1" type="button">   Bootstrap 下拉菜单（Dropdowns）实例   <span class="caret">&nbsp;</span>  </button>  <ul aria-labelledby="dropdownMenu1" class="dropdown-menu" role="menu">   <li role="presentation">    <a href="#" role="menuitem" tabindex="-1">Bootstrap 下拉菜单（Dropdowns）A</a>   </li>   <li role="presentation">    <a href="#" role="menuitem" tabindex="-1">Bootstrap 下拉菜单（Dropdowns）B</a>   </li>   <li role="presentation">    <a href="#" role="menuitem" tabindex="-1">Bootstrap 下拉菜单（Dropdowns）C</a>   </li>   <li role="presentation">    <a href="#" role="menuitem" tabindex="-1">Bootstrap 下拉菜单（Dropdowns）D</a>   </li>  </ul> </div>

正文到此结束