Увеличить ширину ряда в шаблоне Modern
Как увеличить ширину ряда в хедере?
Думаю этот вопрос будет актуален не только мне. Сейчас в трендах контейнеры разной ширины на одной странице.
Плюс ширину можно подобрать отступами через padding
покажите пример, чтобы можно было понять, что вы хотите получитьСейчас в трендах контейнеры разной ширины на одной странице
В CSS класс контейнера ряда?
Тогда идите в файл \templates\modern\scss\theme\_custom.scssСпасибо, это я видел, но допустим мне нужно не 100%, а фиксированное в px?
и пишите туда
@media (min-width: 1200px) .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; }
Потом панель управления — Настройки — Настройка темы — Скомпилировать и сохранить.
Тогда идите в файл \templates\modern\scss\theme\_custom.scssСпасибо, это я видел, но допустим мне нужно не 100%, а фиксированное в px?
и пишите туда
Вместо 1140 напишите сколько надо пикселей.
@media (min-width: 1200px) .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; }
Потом панель управления — Настройки — Настройка темы — Скомпилировать и сохранить.
Спасибо з помощь.
Вопрос к знатокам Bootstrap
В принципе, можно через родителя вашего контейнера значение у свойства селектора изменить. А можно и так:
Просто добавьте контейнеру какой-то селектор. К примеру, — container-1280
Если стили компилируете, то в указанный выше _custom.scss добавьте:
.container-1280 { max-width: сколько нужно; }
@include media-breakpoint-up(xl) { .container-1280 { max-width: 1280px; } }
Пробуйте. Возможно придётся приоритет повысить (!important)
Вопрос к знатокам Bootstrap
Если правильно понял, вы хотите изменить ширину какого-то отдельного ряда с назначенным селектором (селекторами под брейкпойнты) containerНе знаток сего чуда, но ответить попробую.
В принципе, можно через родителя вашего контейнера значение у свойства селектора изменить. А можно и так:
Просто добавьте контейнеру какой-то селектор. К примеру, — container-1280
Если стили компилируете, то в указанный выше _custom.scss добавьте:
если нужно применить правило только для определённых разрешений (к примеру, брейкпойнт xl), то, в том же файле:
.container-1280 { max-width: сколько нужно; }
во втором случае лучше в название селектора включить имя брейкпойнта (на результат не повлияет, но жизнь упростит).
@include media-breakpoint-up(xl) { .container-1280 { max-width: 1280px; } }
Пробуйте. Возможно придётся приоритет повысить (!important)
Спасибо! Ваше решение работает.