2015-02-13 3 views
0

У меня есть DIV:Bootstrap ДИВ изменить размер класса

<div class="col-md-2 col-sm-4 col-xs-12 postaviborder"> 

При мин-ширина 992pxи макс-ширина 1199px мне нужно DIV имеет класс Col-СМ-4. После того, как нижний размер, изменение размера необходимо продолжить до xs-12

Надеюсь, кто-нибудь меня поймет. Возможно ли это?

+0

достаточно, проверьте классы css глубоко. –

+0

Недостаточно. Изменение размера должно быть col-md-2, после этого col-sm-4 и finaly col-xs-12. Проблема в том, что при разрешении 992px-1199px у меня все еще есть col-md-2, но мне нужен col-sm-4. – Aleksandar

+0

@AleksandarStojanovic Вы хотите, чтобы div уменьшался в размере, когда экран становится меньше? –

ответ

0

Я хотел бы предложить, чтобы проверить bootstap подвесной системы - http://getbootstrap.com/css/#grid

Если я understang вы правильно, вы можете использовать следующие:

1) для больших экранов (больших устройств Desktops (≥1200px)) - вы можете использовать Col-LG-4 => ширина элемента будет 1/3 100%

2) для более низких размеров - вы можете использовать Col-XS-12 => ширина элемента будет 100%

Также вы можете (@ screen-sm-min, @ screen-md-min, @ screen-lg-min) - http://getbootstrap.com/css/#grid-media-queries

Смежные вопросы