Как в bootstrap 4 сделать правильное позиционирование в мобильной версии?

Question

[Stacy None]

У меня есть такая разметка:

<div class="row">
          <div class="col-md-12 col-lg-3">
                {include file=sidebar}
            </div>
            <div class="col-md-12 col-lg-9">
                {content}
            </div>
        </div>

Как сделать так чтобы в мобильной версии sidebar (col-lg-3) был снизу а контент сверху?
С документацией у меня не лады, английский незнаю)
Заранее спасибо!

Answer 1

[y0u]

Документация
Если не знаете английский, то смотря на примеры можно интуитивно понять, что делать.

<div class="row">
    <div class="col-md-12 col-lg-3 order-lg-1 order-2">
        {include file=sidebar}
    </div>
     <div class="col-md-12 col-lg-9 order-lg-2 order-1">
        {content}
     </div>
</div>

Пример

Answer 2

[Maxim Yakovlew]

А если уж верстать first-mobile, то вот так:

<div class="row">
     <div class="col-md-12 col-lg-9 order-lg-2">
        {content}
     </div>
     <div class="col-md-12 col-lg-3 order-lg-1">
        {include file=sidebar}
    </div>
</div>