Bootstrap 4. Как прописать order?

Question

[Atalo]

Подскажите чайнику. На тройке делал так:

<div class='col-xs-12 col-sm-12 col-md-7 col-md-push-2'>Основное содержание</div>
<div class='col-xs-12 col-sm-12 col-md-3 col-md-pull-7 col-md-push-2'>Правый блок</div>
<div class='col-xs-12 col-sm-12 col-md-2 col-md-pull-10'>Левый блок</div>

Но вот понятия не имею как на 4 сделать

На больших экранах основное содержание по центру, левый блок слева, правый справа.
А то что меньше md sm xs нужно так:
Основное содержание сверху, затем снизу правый блок, а затем снизу левый блок

Answer 1

[iBird Rose]

к примеру, так:

Comments

[Atalo]

Нужно чтобы основной блок был выше чем остальные, даже в исходном коде

[iBird Rose]

Atalo, а зачем? это как раз в 3 бутсрапе необходимо было. потому что там на мобилах нельзя было менять положение вверх/вниз, а в 4 можно

[Atalo]

iBird Rose, основное содержание ближе к началу страницы в исходном коде

[iBird Rose]

Atalo, и че это дает?

[iBird Rose]

Atalo, https://jsfiddle.net/b3gzumL9/

[Atalo]

iBird Rose, семантика:) h1 все дела

[Atalo]

iBird Rose, Почти, только левые с правым напутаны (

[iBird Rose]

Atalo, так. логику ты понял - давай дальше сам

[Atalo]

iBird Rose, Благодарю! разобрался :)