Bootstrap下拉菜單在Liferay 6.2中不起作用

Question

我正在嘗試在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> 

這是一個例子，我還沒有開始真正的解決辦法呢。提前致謝！

Answer 1

明白了！解決這樣的：

    <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="#">。我認爲這是因爲引導程序以不同的方式與下拉和摺疊一起工作。