Как применить класс justify-content-center только к мобильному разрешению?

Question

[jwwwe]

Доброго времени суток. Как в Bootsrap 4 применить класс для выравнивания justify-content-??-center только к мобильному разрешению?

Answer 1

[boga-net]

@-media screen and (max-width: 550px) {
justify
}

Между @ и media уберите тире. А то собака теряется, а с телефона нельзя в код воткнуть

Comments

[jwwwe]

Так это через CSS, а можно как то с родными классами сделать?

[boga-net]

Тогда ставьте префиксы sm, xs

Я бы делал через css, потому что :
1. чтобы не захламлять html разметку. 2. Если будете что-то менять, то не нужно лезть в html код. А если у вас таких страниц будет 100 и везде нужно будет вручную внести изменения, а так вы только подправите css.

Я раньше сам верстал с бутстрапом, но потом понял, что это шляпа, под которую надо подстраиваться. Html разметка перестаёт быть читабельной. Решил что-то изменить - нужно перелопатить все html страницы. Я полностью отказался от бутстрапа и вам советую. Лучше хорошо освоить css)

[jwwwe]

boga-net, Полностью согласен. Дело в том, что по ТЗ нужно использовать максимально возможности BS. В общем 20 страниц и нужно теперь в каждой добавлять новые классы, а так бы просто поменял CSS.

[boga-net]

jwwwe, Понятно ) Тогда префиксы )

.justify-content-sm-center
.justify-content-md-center
.justify-content-xl-center