twitter-bootstrap - 如果移动，Bootstrap 4 移动到新行

Question

如果尺寸是移动的，我希望能够让我的路由器插座移动到下一行。目前，个人资料卡在移动尺寸时才会被删除。

<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>

Answer 1

您可以有另一行（始终包含数据，只是不一直显示）仅在移动设备上显示，例如：

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