小编Sha*_*Zeb的帖子

我已经使用此代码在Bootstrap中创建了4列

<div id="col" class="container-fluid row">
  <div class="col-md-3">
    <center>
      <h4>Our Story</h4><img src="box.png" />
    </center>
  </div>
  <div class="col-md-3">
    <h4>Our Story</h4><img src="box.png" />
  </div>
  <div class="col-md-3">
    <h4>Our Story</h4><img src="box.png" />
  </div>
  <div class="col-md-3">
    <h4>Our Story</h4><img src="box.png" />
  </div>
</div>

现在这些列在桌面屏幕上水平对齐,但是当我在移动设备中打开时,所有列在左侧垂直对齐,所以我想让它们对齐中心,我该如何实现？