Bootstrap 3 Navbar не рушится в пользовательской точке останова

Я настроил бутстрап с этой конфигурацией. Я установил

"@grid-float-breakpoint": "810px",
"@grid-float-breakpoint-max": "800px"

Однако navbar, похоже, не рушится на 800 пикселей или что-то близкое к этому. Наббар разрушается примерно на 600-650 пикселей. Что я делаю не так. Нужно ли мне менять любые другие значения?

Navbar

<nav id="navbar" role="navigation" data-selected="#new-li"><code>
<div>
 <div>
 <button type="button" data-toggle="collapse" data-target=".navbar-responsive-collapse">
 <span>
 </span>
 </button>
 
 </div>
 <div>
 <ul>
 <li id="inbox-li"><a href="." target="_blank">Posteingang</a></li>
 <li id="tasks-li"><a href=".Tasks" target="_blank">Aufgaben</a></li>
 <li id="calendar-li"><a href=".Calendar" target="_blank">Kalender</a></li>
 <li id="contacts-li"><a href=".Contacts" target="_blank">Kontakte</a></li>
 <li id="new-li"><a href=".Activity/Create" target="_blank">Neue Aktivität</a></li>
 <li><a href=".Login/Logout" target="_blank">Abmelden</a></li>
 </ul>
 </div>
</div>
</code>  </nav>
2 ответа

Я ожидаю, что ваша проблема вызвана использованием

вместо
внутри вашего


Проверьте файл bootstrap.css (без указания размера), начиная с строки 3911, вы должны увидеть следующий код... Убедитесь, что min-width: 810px верна.

@media (min-width: 810px)
 .navbar-toggle {
 display: none;
 }
}

Если это правильно, то у вас либо есть собственный CSS-код, переписывающий точку прерывания, либо у вас нет правильного файла CSS, связанного в вашем файле HTML.

licensed under cc by-sa 3.0 with attribution.