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

225

14 июля 2017, 02:57

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

Нужно при больших разрешениях использовать отступы по бокам страницы, а при маленьких - их сносить?

Answer 1

Вообще то можно создать например такие классы при разных разрешениях как делает 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 можно сделать, и то это плохой вариант.