Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Bootstrap при уменьшении размера экрана перемещать по нескольку элементов

Страниц (1): [1]
 

1. 3d_killer - 14 Января, 2017 - 11:56:50 - перейти к сообщению
Сейчас код такой:
CODE (html):
скопировать код в буфер обмена
  1. <div class="wrapper container-fluid">
  2. <div class="row">
  3. <div class="col-sm-2"></div>
  4. <div class="col-sm-2"></div>
  5. <div class="col-sm-2"></div>
  6. <div class="col-sm-2"></div>
  7. <div class="col-sm-2"></div>
  8. <div class="col-sm-2"></div>
  9. </div>
  10. </div>

Сетка отображается в одну строку, при уменьшении размера до sm они выстраиваются в столбец, хочу сделать чтобы перед этим они образовали 2 столбца по 2 элемента, а потом уж выстроились в один столбец, не пойму как это реализовать
2. armancho7777777 - 14 Января, 2017 - 23:26:50 - перейти к сообщению
Комбинируйте css-классы col-md-* col-sm-* col-xs-*
https://jsfiddle[dot]net/b0hbjepz/3/
https://jsfiddle[dot]net/b0hbjepz/2/
3. 3d_killer - 15 Января, 2017 - 17:31:13 - перейти к сообщению
благодарю, то что нужно, только начал изучать бутстрап

 

Powered by ExBB FM 1.0 RC1