按钮下拉菜单自动展开状态 key:open默认展开菜单 - Bootstrap 按钮下拉菜单

按钮下拉菜单自动展开状态

W3CSchool > bootstrap3中文手册 > Bootstrap 按钮下拉菜单 > 按钮下拉菜单自动展开状态

如何设置一个默认为展开的BootStrap下拉式按钮菜单?

需要在样式.btn-group附加一个.open的样式。

下面请看一个实例:
 

  1. <div class="btn-group open"> 
  2.   <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 
  3.     Action <span class="caret"></span> 
  4.   </button> 
  5.   <ul class="dropdown-menu" role="menu"> 
  6.     <li><a href="#">单按钮下拉式菜单示例子菜单</a></li> 
  7.     <li><a href="#">单按钮下拉式菜单示例子菜单</a></li> 
  8.     <li><a href="#">单按钮下拉式菜单示例子菜单</a></li> 
  9.     <li class="divider"></li> <!--分割线--> 
  10.     <li><a href="#">单按钮下拉式菜单示例子菜单</a></li> 
  11.   </ul> 
  12. </div> 

 






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

学习导航


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