Как при определенных размерах использовать container(в bootstrap), а при меньших(телефоны, читалки, планшеты) - container-fluid?
Нужно при больших разрешениях использовать отступы по бокам страницы, а при маленьких - их сносить?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуВообще то можно создать например такие классы при разных разрешениях как делает 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
можно сделать, и то это плохой вариант.
html
, я так думаю, и еще не кто не говорил что если используешь bootstrap
то css
не надо вообще написать кроме этого.
12 июл 2017 в 8:22
bootstrap
вы бы сказали классно, есть готовое решение, а чем это не устраивает?
12 июл 2017 в 8:27
div class="container-lg"
При остальных значениях, будет fluid
В шоке от того что за бредни предлагают вытворить