Блог

Я добавил кнопку навигационной панели в верхней части своей страницы. Проблема в том, что при первой загрузке страницы панель навигации по умолчанию расширяется. Ниже приведен мой код.

 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-main" 
            aria-controls="navbar-collapse-main" aria-expanded="true" aria-label="toggle navigation">

<div class="collpase navbar-collapse" id="navbar-collapse-main">
// some content here
</div>
 

Мне нужно, чтобы навигационная панель была свернута при загрузке страницы. Я использую Bootstrap 3.x. Ниже приведена страница, когда я загружаю ее на мобильный телефон. Мне нужно, чтобы эта верхняя панель навигации изначально была свернута, и ее следует расширять только тогда, когда пользователь нажимает на три горизонтальные линии.

По умолчанию навигационная панель должна быть свернута. Причина, по которой ваш класс остается открытым, заключается в том, что в названии вашего класса есть опечатка. Измените collpase на collapse .