Страницы

Поиск по вопросам

среда, 12 июня 2019 г.

Изменить при смене разрешения container на container-fluid

Как при определенных размерах использовать container(в bootstrap), а при меньших(телефоны, читалки, планшеты) - container-fluid?
Нужно при больших разрешениях использовать отступы по бокам страницы, а при маленьких - их сносить?


Ответ

Вообще то можно создать например такие классы при разных разрешениях как делает bootstrap, и дать эти классы блокам так как вам нужно:
@media (max-width: 767px){ no-padding-xs{ padding: 0; } no-margin-xs{ margin: 0; } } @media (max-width: 991px){ no-padding-sm{ padding: 0; } no-margin-sm{ margin: 0; } } @media (max-width: 1199px){ no-padding-md{ padding: 0; } no-margin-md{ margin: 0; } } @media (min-width: 1200px){ no-padding-lg{ padding: 0; } no-margin-lg{ margin: 0; } }
А то что вы хотите резные классы для разных разрешениях, это только на js можно сделать, и то это плохой вариант.

Комментариев нет:

Отправить комментарий