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>&lt;div&gt;
 &lt;div&gt;
 &lt;button type="button" data-toggle="collapse" data-target=".navbar-responsive-collapse"&gt;
 &lt;span&gt;
 &lt;/span&gt;
 &lt;/button&gt;
 
 &lt;/div&gt;
 &lt;div&gt;
 &lt;ul&gt;
 &lt;li id="inbox-li"&gt;&lt;a href="." target="_blank"&gt;Posteingang&lt;/a&gt;&lt;/li&gt;
 &lt;li id="tasks-li"&gt;&lt;a href=".Tasks" target="_blank"&gt;Aufgaben&lt;/a&gt;&lt;/li&gt;
 &lt;li id="calendar-li"&gt;&lt;a href=".Calendar" target="_blank"&gt;Kalender&lt;/a&gt;&lt;/li&gt;
 &lt;li id="contacts-li"&gt;&lt;a href=".Contacts" target="_blank"&gt;Kontakte&lt;/a&gt;&lt;/li&gt;
 &lt;li id="new-li"&gt;&lt;a href=".Activity/Create" target="_blank"&gt;Neue Aktivität&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href=".Login/Logout" target="_blank"&gt;Abmelden&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;
 &lt;/div&gt;
&lt;/div&gt;</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.