Twitter bootstrap 引导4移动到新行（如果移动）

如果大小是移动的，我希望能够让我的路由器出口移动到下一行。 当前，当配置文件卡为移动大小时，它将被移除

<div class="d-flex flex-row">
  <!-- TODO if mobile then move to new row -->
  <div class="flex-row-auto offcanvas-mobile w-300px w-xl-350px">
    <profile-card></profile-card>
  </div>

  <div class="flex-row-fluid ml-lg-8">
    <router-outlet></router-outlet>
  </div>
</div>

---

您可以有另一行（总是包含数据，只是不总是显示）只显示在手机上，如：

<div class="d-block d-md-none">
<!-- Would have the div visible on XS and SM breakpoints -->