I'm trying to do a new navbar in Liferay 6.2, but dropdown menu isn't working. I suspect AUI is guilty of this, but not sure here you got my code:
<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>
It's an example, I haven't started the real solution yet. Thanks in advance!
Got it!, solved like this:
<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>
It was needed <div class="dropdown">
and <button... data-target="#">
. I suppouse it's because bootstrap works in a different way with dropdown and collapse.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.