我想设计如下图所示的菜单: -
但是我无法做到,这是我的尝试: - 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?
由于
答案 0 :(得分:2)
看看this JSFiddle。我已添加了课程dropdown-menu-tworows
。您可以为子菜单设置width
,但这不是必需的。
.dropdown-menu-tworows .span6 {
width: 49%;
display: inline-block;
}
这是你想要的吗?