Как изменить ширину для перехода в кнопку Bootstrap?

Путем опытов выяснил, что переход в кнопку в Bootstrap происходит всегда при ширине 767-768 пикселей не зависимо от ширины контента в меню. Как это контролировать уменьшить или увеличить ?

Решение) Я думаю многие хотят это сделать. Напишу по шагам

1) Находим в файле строки.
@media (min-width: 1250px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}

и указываем необходимую ширину

2) Находим строки

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


и указываем необходимую ширину

3) Находим строки
@media (min-width: 1250px) {
  .navbar-header {
    float: left;
  }
}


и указываем нужную ширину

4) В вашем файле media.css прописываем, чтобы на нужной ширине li становились блочными.

// За помощь в ответе благодарю Sergey Goryachev
  • Вопрос задан
  • 794 просмотра
Решения вопроса 1
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
Капец, как вы вообще работаете с Бутстрапом, если не знаете основ?
Да и вообще, нахрена браться за Фреймворк, если знаний по адаптиву ноль.

Смотрите в @media-запросах, где прописано это у вас.

Можно еще "путем опытов" поискать через консоль разработчика в браузере.
Весьма полезная штука для изучения.

@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
@media (min-width: 768px) {
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы