在具有下拉菜单的下拉菜单中添加滚动条时;下拉菜单中的部分显示在下拉菜单中。
HTML:
<div class="container">
<div class="row">
<div class="span12">
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
Scrollable Menu <span class="caret"></span>
</button>
<ul class="dropdown-menu scrollable-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li class="dropdown-submenu"><a href="#">Something else</a><ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
</ul>
</li>
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
</ul>
</div>
</div>
</div>
</div>
CSS:
.scrollable-menu {
height: auto;
max-height: 200px;
overflow-x: hidden;}
P.S。我正在使用Bootstrap 2.3.2
如果有人帮助我,我将不胜感激。
谢谢。