我尝试了这种方法(他们的小提琴)来启用带有Bootstrap的可滚动菜单,但是通过这种方法,可滚动菜单扩展了它的容器 - 小提琴 - 不可滚动的菜单,正确地说,不会这样做.
我怎样才能解决这个问题?关于与Bootstrap兼容的其他方法的建议也很受欢迎!
作为参考,这里是来自第一种方法的小提琴的HTML:
<ul class="nav">
<li class="dropdown">
<a class="icon-key icon-white" data-toggle="dropdown" href="#" style=
"font-weight: bold"></a>
<div class="dropdown-menu" style="margin-left: 2em">
<ul class="dropdown-menu">
<!-- static non-scrollable menu header 1 -->
</ul>
</div>
<div class="dropdown-menu" style="margin-left: 2em">
<ul class="dropdown-menu">
<li class="disabled">
<a href="#"><i class="icon-group"></i> <b>My Groups</b></a>
</li>
<li>
<div class="dropdown-menu scroll-menu scroll-menu-2x"
style="margin-left: 2em">
<ul class="dropdown-menu scroll-menu scroll-menu-2x">
<li>
<a href="#">User</a>
</li>
<li>
<a href="#">Administrators</a>
</li>
<li>
<a href="#">Some Other Group</a>
</li>
</ul>
</div>
<ul …Run Code Online (Sandbox Code Playgroud)