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

Question

[Stacy None]

Вот моя страница

Код страницы(сетка):

<div class="container">
<menu_header>
<div class="row no-gutters">
<div class="col-md-3 bg2">sidebar
</div>
<div class="col-md-9 bg1">content
</div>
</div>

<div class="card text-center">
  <div class="card-header">
    Featured
  </div>
  <div class="card-body">
    <h4 class="card-title">Special title treatment</h4>
    <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
    <a href="#" class="btn btn-primary">Go somewhere</a>
  </div>
  <div class="card-footer text-muted">
    2 days ago
  </div>
</div>
    </div>

При адаптации экрана тёмный блок(sidebar) остается с верху, над контентом.
Вот так:


Вопрос: Как сделать сетку чтобы темный блок был снизу, под контентом?
Спасибо заранее!

Answer 1

[Максим Тимофеев]

Если под "темный блок" вы подразумеваете navbar, то:
или просто делать 2. 1 скрывать другой показывать
или, если он fixed - менять его положение через css и медиа запросы