码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap 关于下拉菜单的使用

时间:2016-06-27 15:20:02      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:

需要将下拉菜单触发器和下拉菜单都包裹在 .dropdown 里,或者另一个声明了 position: relative; 的元素。

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

  技术分享

  •         向上弹出:第一行换成 .dropup 
  •        右对齐:为 .dropdown-menu 添加 .dropdown-menu-right
  •     分割线:<li role="separator" class="divider"></li>
  •     禁用:<li class="disabled"><a href="#">Disabled link</a></li>
  •     标题:<li class="dropdown-header">Dropdown header</li>

 

Bootstrap 关于下拉菜单的使用

标签:

原文地址:http://www.cnblogs.com/xxml/p/5620160.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!