@JasonStepler

Как сделать блок на всю ширину на мобильном разрешении, при использовании сетки bootsrap?

Добрый день.
Как, используя сетку бутстрапа, сделать контейнер на всю ширину на мобильных устройствах?
Например есть такой блок https://jsfiddle.net/87e05rmb/ и нужно расположить на всю ширину экрана, без отступов по краям.
На ум приходит мысль только обнулять padding у контейнера, колонок и margin у row.
Может быть есть более красивый способ, чем переопределение стилей?
  • Вопрос задан
  • 618 просмотров
Пригласить эксперта
Ответы на вопрос 5
PavelMonro
@PavelMonro
Есть же класс для этого
container-fluid

getbootstrap.com/css/#grid-example-fluid
Ответ написан
Комментировать
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
ты хочешь сделать свой div, который не будет придерживаться bootsrap сетки. ну тк сделай его. не используй ни container, ни row, ни col для этого блока. и ты получишь блок на 100% шириной без паддингов.
Ответ написан
Комментировать
@godlikebasic
Backend PHP
.container даёт боковые паддинги 15px, .row - боковые маргины -15px,в итоге получается 0px. А .col-lg добавляет ещё 15px, вот и получается отступ. Получается нужно либо убрать его, либо в него ещё добавить .row
Ответ написан
Комментировать
edli007
@edli007
full stack, team lead
Это не сетки, это тебе .fluid-container вместо обычного и на "только на моб" оно не делается.
Зато можешь сетку вложиться внутрь такого fluid-container сделать и создать отступы на большом экране.
Ответ написан
Комментировать
@Frank2205
col-xs-12
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
SPIKS Санкт-Петербург
от 70 000 до 90 000 ₽
PERX Нижний Новгород
До 50 000 ₽
move2usajobs.com LLC Лос-Анджелес
от 2 000 до 4 000 $
03 окт. 2024, в 21:59
10000 руб./за проект
03 окт. 2024, в 21:53
80000 руб./за проект
03 окт. 2024, в 21:36
60000 руб./за проект