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

У меня настроен бутстрап с конфигурацией this. Я установилBootstrap 3 Navbar не сбрасывается при пользовательской точке останова

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

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

Navbar

<nav id="navbar" class="navbar navbar-default navbar-fixed-top" role="navigation" data-selected="#new-li"> 
<div class="container"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse"> 
      <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"> 
      </span> 
     </button> 
     <a class="navbar-brand" href="#"><img src="/C5.WebApp/Content/logo.png" alt="logo"></a> 
    </div> 
    <div class="navbar-collapse collapse navbar-responsive-collapse"> 
     <ul class="nav navbar-nav navbar-right"> 
      <li id="inbox-li"><a href="/C5.WebApp/">Posteingang</a></li> 
      <li id="tasks-li"><a href="/C5.WebApp/Tasks">Aufgaben</a></li> 
      <li id="calendar-li"><a href="/C5.WebApp/Calendar">Kalender</a></li> 
      <li id="contacts-li"><a href="/C5.WebApp/Contacts">Kontakte</a></li> 
      <li class="active" id="new-li"><a href="/C5.WebApp/Activity/Create">Neue Aktivität</a></li> 
      <li><a href="/C5.WebApp/Login/Logout">Abmelden</a></li> 
     </ul> 
    </div> 
</div>

источник

2014-09-12 Georgi Georgiev

Я пробовал те же переменные, что и вы, и он работал правильно для меня. Я думаю, вам нужно будет предоставить более подробную информацию. В браузере проверьте кнопку «.navbar-toggle» и посмотрите, на что установлена минимальная ширина медиа-запроса. – Schmalzy

@Schmalzy Мне не удалось найти свойство min-width для google –

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

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

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

источник

2014-09-12 15:00:00 Schmalzy

. Правильная ширина –

Я надеюсь, что ваша проблема вызвана использованием <div class="container"> вместо <div class="container-fluid"> внутри вашего <nav>.

В случае, когда точка останова установлена на 768px (равна максимальному размеру сетки xs), проблема не возникает из-за того, что класс .container не имеет фиксированной ширины для ширины экрана ниже 768px (сетка - текучая). Выше 768 класс .container задает ширину до 750 пикселей ;. Для вашей новой точки останова около 800 пикселей эта фиксированная ширина класса .container в сетке sm приведет к вашей проблеме. Класс container-fluid не устанавливает фиксированную ширину.

источник

2014-09-12 21:51:20

Изменил контейнер на жидкость, не работает ни –

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

ответ

Смежные вопросы