要在Bootstrap行中居中多个列-并且cols的数量是奇数，只需将这个css类添加到该行中的所有列:

.many-cols-centered {  // To horizontally center bootstrap odd cols, eg col-lg-9, col-md-3, works well in lg
  display:inline-block;
  float:none;
}

所以在你的HTML中，你有这样的东西:

<div class="row text-center"> <!-- text-center centers all text in that row -->
    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 many-cols-centered">
        <img src='assets/image1.jpg'>
        <h3>You See</h3>
        <p>I love coding.</p>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 many-cols-centered">
        <img src='assets/image2.jpg'>
        <h3>You See</h3>
        <p>I love coding.</p>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 many-cols-centered">
        <img src='assets/image3.jpg'>
        <h3>You See</h3>
        <p>I love coding.</p>
    </div>
</div>

对于Bootstrap v3和v4，只需将.justify-content-center添加到.row <div>即可实现

<div class="row justify-content-center">
    <div class="col-1">centered 1 column</div>
</div>

https://getbootstrap.com/docs/4.0/utilities/flex/#justify-content

我们可以通过使用表布局机制来实现这一点:

其机理为:

将所有列包装在一个div中。 将该div作为一个具有固定布局的表格。 将每一列作为一个表格单元格。 使用垂直对齐属性来控制内容位置。

示例演示在这里

这可能不是最好的答案，但有一个更有创意的解决方案。正如koala_dev所指出的，列偏移只适用于相等的列大小。然而，通过嵌套行，您也可以实现居中不均匀的列。

坚持最初的问题，你想要在12个网格中居中一列1。

将2的列居中，使其偏移5 创建一个嵌套行，这样在2列中就有了新的12列。 因为你想要居中1列，而1是2的“一半”(我们在步骤1中居中)，现在你需要在嵌套行中居中一个6列，这很容易通过偏移3来实现。

例如:

<div class="container">
  <div class="row">
    <div class="col-md-offset-5 col-md-2">
      <div class="row">
        <div class="col-md-offset-3 col-md-6">
          centered column with that has an "original width" of 1 col
        </div>
      </div>
    </div>
  </div>
</div>

看到这里，请注意，你必须增加输出窗口的大小，以便太看到结果，否则列将自动换行。

这个作品。这可能是一种粗鄙的方式，但效果很好。它被测试为响应性(Y)。

.centered {
    background-color: teal;
    text-align: center;
}

使用mx-auto在你的div类使用Bootstrap 4。

<div class="container">
  <div class="row">
    <div class="mx-auto">
      You content here
    </div>
  </div>
</div>