2014-09-25 3 views
-1

У меня есть 3 divs of 3, 3, 6 width in bootstrap. Я хочу, чтобы они были горизонтально выровнены все время, за исключением xs. Я хочу, чтобы первые 2 div были одной строкой, а последние divs приходили под ними на небольших устройствах. Как я могу это достичь.Boostrap 3: элементы заказа для разного размера

ответ

2

Я предполагаю, что Вы хотите что-то вроде этого:

<div class="row"> 
<div class="col-sm-3 col-xs-6"></div> 
<div class="col-sm-3 col-xs-6"></div> 
<div class="col-sm-6 col-xs-12"></div> 
</div> 
+1

+1 Это хорошо работает - http://www.bootply.com/fHPgiBsEAC – ZimSystem

+1

'Col-MD-3 цв-СМ-3 'избыточен; просто используйте 'col-sm-3' – cvrebert

+1

Не забудьте сделать правильный ответ, если это то, что вы ищете. – Wizard

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