Как изменить порядок элементов на странице средствами CSS?

Question

[Дмитрий]

Всем доброго времени. Вот подумал о таком вопросе если потребуется например изменить порядок элементов при каком либо разрешении экрана. Погуглил нашел с помощью display: table, но оно в IE старых ниже 8го не работает. на js не особо лучший вариант. На позиционировании написано проблемки да и так понятно потом придется попотеть малость. потом вспомнил в Bootsrap есть .col-*-pull-* .col-*-push-* посмотрел в css файле бутсрапа там на позицонировании сделано. Кто может знает варианты какие по этому поводу удобные ?

Answer 1

[Олег]

Погуглил нашел с помощью display: table, но оно в IE старых ниже 8го не работает

Вы серьезно? 2017 уже через месяц.

Answer 2

[Ankhena]

1. flex-order - отличное решение для ИЕ10+

2. Позиционирование

3. Частично можно изменять с помощью float

Answer 3

[dranets13]

в бутстрапе юзайте вот эти классы .flex-xs-last .flex-lg-first (по аналогии нужный подставите)

Answer 4

[xmoonlight]

Порядок элементов абсолютное позиционирование блоков на основе vw, vh и меняете классы через media-запросы и всё.
(проблема странная у Вас...)

Пример с flex: codepen.io/NeedHate/pen/WQWpOm