html - Bootstrap 网格 [2 项] 在中心

Question

我正在使用 bootstrap 制作一个网站，这是来自 w3schools.com 的网格屏幕截图。在我的网站中，我的个人资料照片不是在左侧1 of 2，而是在右侧2 of 2 的元素符号列表。

我想在 2 of 4 上显示我的头像，在 3 of 4 上显示元素符号列表，同时留下 1 of 4 和 4 个中的 4 个是空的。基本上只是在页面中央多了两个元素。

我怎样才能完成这个任务？

Answer 1

您需要offset您的专栏:offset-sm-3 指定将 4 个中的第 1 个留空

使用

<div class="container">
  <div class="row">
    <div class="col-sm-3 offset-sm-3">Picture</div>
    <div class="col-sm-3">Bullets</div>
  </div>
</div>