Выпадающее меню 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="#">. Я поддерживаю это потому, что bootstrap работает по-разному с выпадающим списком и сбой.