выпадающее меню, которое имеет раскрывающееся меню в bootstrap

Question

Я новичок в бутстрапе, и у меня есть проблема в моем выпадающем меню, чтобы иметь выпадающее меню. Я пытаюсь запустить этот код, но кажется, что он не работает.

<div class="tabbable mainMenu visible-phone btn-group"> 
       <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> 
       Menu 
       <span class="caret"></span> 
       </a> 
       <ul class="dropdown-menu"> 
        <li><a href="#">Submenu 1</a></li> 
        <li> 
         <a class="dropdown-toggle" data-toggle="dropdown" href="#"> 
         Menu Down 
         <span class="caret"></span> 
         </a> 
         <ul class="dropdown-menu"> 
          <li>Submenu 1</li> 
         </ul> 
        </li> 
       </ul> 
      </div> 

, когда я нажимаю Menu он показывает раскрывающееся меню затем, когда я нажимаю Menu Down он не показал его подменит, выпадающие, но выпадающее меню не было.

Я сделал что-то не так в своем коде? любая помощь будет оценена .. заранее спасибо

Answer 1

Думаю, вам нужно добавить класс «.dropdown-submenu» в «li», где вы собираетесь хранить подменю. Это показано ниже:

<li class="dropdown-submenu"> 
    <a class="dropdown-toggle" data-toggle="dropdown" href="#"> 
     Menu Down 
     <span class="caret"></span> 
    </a> 
    <ul class="dropdown-menu"> 
     <li>Submenu 1</li> 
    </ul> 
</li> 

Надеется, что это помогает.