Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Bootstrap при уменьшении размера экрана перемещать по нескольку элементов

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Без описания
3d_killer
Отправлено: 14 Января, 2017 - 11:56:50
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)




Сейчас код такой:
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 элемента, а потом уж выстроились в один столбец, не пойму как это реализовать
 
My status
 Top
armancho7777777 Супермодератор
Отправлено: 14 Января, 2017 - 23:26:50
Post Id



Активный участник


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)




Комбинируйте css-классы col-md-* col-sm-* col-xs-*
https://jsfiddle[dot]net/b0hbjepz/3/
https://jsfiddle[dot]net/b0hbjepz/2/
 
 Top
3d_killer
Отправлено: 15 Января, 2017 - 17:31:13
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)




благодарю, то что нужно, только начал изучать бутстрап
 
My status
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB