Как при определенных размерах использовать 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 можно сделать, и то это плохой вариант.
Комментариев нет:
Отправить комментарий