下拉菜单 基本实例

W3CSchool > bootstrap3中文手册 > Bootstrap 下拉菜单 > 下拉菜单 基本实例

将下拉菜单触发器和下拉菜单都包裹在 .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>

没有找到答案?搜索一下吧!

学习导航


Bootstrap3中文开发手册参考网站
w3c.3306.biz 提供的内容仅用于学习或测试。所有内容均整理自互联网!目的是为了让更多读者欣赏,我们不保证内容的正确性,并对任何法律问题及风险不承担任何责任。 当您在浏览本站时,代表您已接受了本站的使用条款和隐私条款。(删除内容:512876994#qq.com)