Как в бутстрапе 3 изменить порядок блоков с переносом на следующую строку?

Question

[Денис]

Здравствуйте!
Подскажите как в бутстрапе 3 сделать такое?

Answer 1

[Danny Arty]

В bootstrap 3 вы можете изменить порядок с помощью классов pull(смещение блока влево) и push(смещение блока вправо). Используются они вместе.
При этом вы не можете изменить порядок для меньших экранов, а только для больших. Т.е. в коде у вас должен быть отображен тот порядок, который использовался бы для мобильных устройств (Блок-1, Блок-3, Блок-2). И там же Блоку-3 добавляете класс col-md-pull-4, а Блоку-2 col-md-push-4 соответственно.

Пример в Codepen:
https://codepen.io/dannyarty/pen/dyVbxXw

Comments

[Денис]

Спасибо за ответ, забыл указать что надо для bs3

[Danny Arty]

drunken_ikarus, поправил ответ и codepen

[Денис]

Danny Arty, спасибо, все получилось

Answer 2

[Виктор Таран]

вам нужен пуш пул,
https://codepen.io/j_holtslander/pen/pJqBoQ