我正在尝试在Liferay 6.2中创建一个新的导航栏,但是下拉菜单无效。我怀疑AUI对此感到内疚,但不确定这里是否有我的代码:
<div class="navbar">
<div class="navbar-inner">
<div class="container">
....
<div class="btn-group">
<button type="button" class="btn btn-danger" data-toggle="dropdown" data-target="#demo">
simple collapsible
</button>
<ul class="dropdown-menu child-menu" id="demo">
<li class="divider-vertical"></li>
<li><a href="#"> Enlace 1</a></li>
<li><a href="#"> Enlace 2</a></li>
<li><a href="#"> Enlace 3</a></li>
<li class="divider-vertical"></li>
<li><button class="btn navbar-btn btn-success"> Boton</button></li>
</ul>
</div>
这是一个例子,我还没有开始真正的解决方案。提前谢谢!
答案 0 :(得分:0)
知道了!,这样解决了:
<div class="dropdown">
<div class="btn-group">
<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" data-target="#">
simple collapsible
</button>
<ul class="dropdown-menu" id="demo">
<li class="divider-vertical"></li>
<li><a href="#"> link 1</a></li>
<li><a href="#"> link 2</a></li>
<li><a href="#"> link 3</a></li>
<li class="divider-vertical"></li>
<li><button class="btn navbar-btn btn-success"> button </button></li>
</ul>
</div>
</div>
需要<div class="dropdown">
和<button... data-target="#">
。我支持它,因为bootstrap以下拉和折叠的不同方式工作。