Как сделать выпадающее меню Bootstrap toggle subitems?

Question

Я разрабатываю сайт, используя Bootstrap. У меня есть отзывчивое меню, которое превращается в гамбургер на мобильные устройства. Теперь у меня уже выпадающее меню выпадающего меню, и когда он падает, он охватывает остальную часть меню. Как я могу остановить это?

Пример:

MENU 
    item1 
     subitem1.1 
     subitem1.2 
    item2 
     subitem2.1 
     subitem2.2 
    item3 
    item4 

Посмотрите, как это выглядит, как здесь: http://finestof.me/buona-vista-resort/

Предложения?

Answer 1

От проверки ваших выпадающих списков похоже, что у вас есть вмешательство css в ваш «.dropdown». В частности, «.navbar-nav .open .dropdown-menu». Он должен иметь:

.navbar-nav .open .dropdown-menu { 
    position: static; 
    float: none; 
} 

Так что вам нужно удалить:

.dropdown-menu { 
    position: absolute; 
    float: left; 
}