Есть стартовый шаблон от кодривер
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. Какой-то мобайл-фёст получается.
Вопрос: как все-таки подключить этот бутстрап??