Изменить порядок строк в bootstrap 3

Можно ли изменить порядок строк в Bootstrap 3, используя только css?Изменить порядок строк в bootstrap 3

Пример

<div class="row"><div class="col-lg-12">DIV 1</div></div> 
<div class="row"><div class="col-lg-12">DIV 2</div></div> 
<div class="row"><div class="col-lg-12">DIV 3</div></div>

Я хочу разместить DIV 1 под DIV 2 (на отображение страницы), но я не хочу, чтобы изменить порядок HTML.

источник

2015-03-03 Михаил Подрабинек

Проверьте этот смежный вопрос: Bootstrap 3 changing div order on small screens only

Хитрость заключается в том, чтобы использовать col-*-push-* классы.

Вот еще один родственный решение: https://stackoverflow.com/a/12069537/584846

Это помещает содержимое в table-header-group и table-footer-group

источник

2015-03-03 21:25:15

Это не работает на размер 12-Col, и мне нужны только столбцы размера 12-Col. Кроме того, ваша ссылка касается столбцов, а не строк –

Как насчет второго решения? –

Да, я видел это, спасибо, но это не устраивает. Мне кажется, что единственный способ - это модель flexbox, или js. –

Изменить порядок строк в bootstrap 3

ответ

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