Задать вопрос
@raulvodov
UI/UX Designer
html

Как работают в Bootstrap сетке следующие классы xs, sm, md, lg?

Читаю документацию по Бутстрап сетке и запутался. Для каждого размера экрана прописываются классы xs, sm, md, lg. При этом в документации bootstrap-3.ru/css.php#grid как-то непонятно расписано, что если использоваться например только xs класс, то он будет работать для всех размеров или как-то так. Вообщем такой вопрос, на практике для живых проектов чаще всего прописываются все 4 класса или есть какие-то лайф хаки в медиазапросах? Просьба ответить в очень простой форме, так как в верстке новичок :)
  • Вопрос задан
  • 6368 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 2
hoOstel
@hoOstel
каждый класс "xs, sm, md, lg" это разный media запрос.
.col-xs- стили будут применяться на всех размерах экрана
.col-sm- стили будут применяться если у устройства ширина ≥768px
.col-md- стили будут применяться если у устройства ширина ≥992px
.col-lg- стили будут применяться если у устройства ширина ≥1200px
Ответ написан
11 комментариев
11 комментариев
@Shinso
Все зависит от отго что делаешь, но у меня лично lg почти никогда не используется сразу ставлю md так как на таких размерах изменения особых на макете нет, если видишь что у тебя колонки по количеству как были на большом разрешении так и остались на мобильном то сразу ставь xs, в общем использование крайне простое например было у тебя на большом экране подрят 4 картинки с подписями, для каждой пропивываешь col-md-3 затем на неком размере при адаптиве они уже выглядят слишком маленькими ставишь еще каждому по col-sm-6 и они уже будут не 4 в ряд а 2 ряда по 2 картинки и когда экран сузиться до меньшего чем sm разрешения они уже станут по одной в ряд
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Подключить сервер к сети
27 апр. 2024, в 02:39
1500 руб./за проект
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
Ещё заказы