它可以在bootstrap 4网格上实现

Question

我想在Bootstrap网格上这样做， 你能救我吗？

Answer 1

像这样！

<div class="container-fluid m-0 p-0">
  <div class="row justify-content-left m-0 p-0">
    <div class='col-6 m-0 p-0'>

      <div class="col-md-12 bg-primary">
        All screens
      </div>

      <div class="col-md-12 d-none d-md-block bg-warning">
        B Large screen
      </div>

    </div>

    <div class="col-6 d-md-none bg-danger">
      C small screen
    </div>

    <div class="col-md-12 float-left d-md-none bg-warning">
      B Small screen
    </div>

    <div class="col-md-6 d-none d-md-inline-block bg-danger">
      C large screen
    </div>
  </div>
</div>

jsfiddle