[英]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.