@ArtViolence

Как подключить бутстрап через sass?

Есть стартовый шаблон от кодривер https://github.com/coderiver/gulp
Я хочу добавить туда сетку бутстрапа. Скачиваю сорс, переношу ядро в папку с проектом, подключаю импортом файл bootstrap.sccs, нужные ему файлы лежат рядом, все подключено нормально.
Создаю разметку .container>.row ... - контейнер на большом экране почему-то не 1170 пикселей, а 750 (720 брейкпоинт + 30 гаттер). Инспектор кивает на файл grid.scss где есть такие запросы:
.container {
  @include container-fixed;

  @media (min-width: $screen-sm-min) {
    width: $container-sm;
  }
  @media (min-width: $screen-md-min) {
    width: $container-md;
  }
  @media (min-width: $screen-lg-min) {
    width: $container-lg;
  }
}

Почему-то срабатывает $container-sm, а не lg
Беру бутстрап 4,0 - то же самое, только там нижний брейкпоинт 540 и у меня контейнер тоже становится 540. Какой-то мобайл-фёст получается.
Вопрос: как все-таки подключить этот бутстрап??
  • Вопрос задан
  • 208 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы