Подменю отображается неправильно

Question

Я использую bootstrap 3, и я пытаюсь отобразить группу кнопок с подменю. я использовать Bootstrap-Подменю

я создал меню

http://jsfiddle.net/L8kbaqw3/

<div class="btn-group"> 
     <button class="btn btn-primary" type="button">Actions</button> 
     <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" data-submenu="" aria-expanded="false"> 
      <span class="caret"></span> 
     </button> 

     <ul class="dropdown-menu dropdown-menu-right"> 
      <li><a tabindex="0">Annuler</a></li> 
      <li><a tabindex="0">Sauvegarder</a></li> 
      <li class="divider"></li> 
      <li class="dropdown-submenu"> 
       <a tabindex="0">Payer</a> 

       <ul class="dropdown-menu"> 
        <li><a tabindex="0">Comptant</a></li> 
        <li><a tabindex="0">Débit</a></li> 
        <li><a tabindex="0">Carte de crédit</a></li> 
        <li><a tabindex="0">Carte cadeaux</a></li> 
        <li><a tabindex="0">Chèque</a></li> 
       </ul> 
      </li> 
     </ul> 
    </div> 
</div> 

, которые работают хорошо.

, но когда я пытаюсь добавить что-то под ним, я не вижу, все меню http://jsfiddle.net/hxnznnz6/

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

Кроме того, если сравнить расположение двух кнопки, она отличается

Редактировать я снял первую БТН-группу, как @Eduardo Арруда Пиментел сказал.

выглядеть хорошо, но вложенное меню из Плательщик не отображается, когда я нажимаю на него

Новый результат http://jsfiddle.net/wn9u5z28/

Answer 1

1) Bootstrap 3 удалена поддержка многоуровневые выпадающие, ссылаясь на удобство и простоту использования проблемы как причина. Как вы можете видеть в этих двух звеньев:

Bootstrap 3 dropdown sub menu missing

Responsive multilevel menu with Bootstrap 3

2) Причина различного расположения является то, что код отличается. Для того, чтобы решить, что, только перекодировать и удалить эту часть строки 3:

class="btn-group"