Проблема с меню Bootstrap - сразу развернуто и с ошибкой сворачивается

Столкнулся с такой проблемой. В мобильной версии меню сразу развернуто вместо свернутого. То есть занимает почти весь экран, который и так мал.

А потом ведет себя странно.

При нажатии на бутерброд меню прыгает - быстро разворачивается и сворачивается. При втором нажатии наконец-то сворачивается, но оставляет криво видимыми пункты..

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

Установлены jquery-1.12.0.min.js и Bootstrap v3.3.6

Пробовал брать эти файлы с сайта, где меню работает хорошо. Перезаписывал, но не помогло.

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

Решение:

На "здоровом" сайте просто взял все 3 правила CSS, которые нашел через поиск по слову "navbar" в одном из файлов и записал их на "больной" сайт. Все заработало как надо :)

.navbar-collapse.collapse {
     display:none;
}
.navbar-collapse.collapse.in {
     display:block;
}
nav.navbar-default {
     min-height: 40px;
}