[英]Twitter Bootstrap Broader Dropdown Menu with 2 or more Div
我想设计如下图所示的菜单:-
但我无法做到,这是我的尝试: -http : //jsfiddle.net/BqqqE/5/
下面的代码:
<div class="dropdown">
<a class="dropdown-toggle btn btn-danger" data-toggle="dropdown" href="#">Dropdown trigger <b class="caret"></b></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li class="dropdown-submenu"><a tabindex="-1" href="index.php">Project</a>
<div class="dropdown-menu">
<div class="container">
<div class="row-fluid">
<div class="span6">
<ul class="unstyled">
<li class="nav-header">Category A </li>
<li>Item A</li>
<li>Item B</li>
</ul>
</div>
<div class="span6">
<ul class="unstyled">
<li class="nav-header">Category A </li>
<li>Item A</li>
<li>Item B</li>
</ul>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
Bootstrap是否可以提供上述菜单?
谢谢
看看这个JSFiddle 。 我添加了class dropdown-menu-tworows
。 您可以设置子菜单的width
,但这不是必需的。
.dropdown-menu-tworows .span6 {
width: 49%;
display: inline-block;
}
这就是你想要的吗?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.