Html 当列的数目不均匀时，如何在引导过程中将其居中

我有以下情况：

我有一个

，然后我有另一个

，我将把一个用户配置文件的图片放在那里。问题是，我想把图片放在可用空间的中间，所以我通常会这样做：

<div class="row">
    <div class="col-lg-3 col-lg-offset-x">
        <img src="..." class="..." alt="..." title="..." data-size="...">
    </div>
</div>

如果我想将

div

居中，则

类的x值是多少？有人知道怎么做吗

“使用经验证的margin:0 auto；技术，您可以将任意列大小居中，您只需注意Bootstrap的网格系统添加的浮动。我建议定义如下自定义CSS类：

.col-centered{
    float: none;
    margin: 0 auto;
}

现在，您可以将其添加到任何屏幕大小的任何列大小，它将与Bootstrap的响应式布局无缝配合：

<div class="row">
    <div class="col-lg-1 col-centered"></div>
</div>

---

注意：使用这两种技术，您可以跳过.row元素并将列置于.container内的中心，但您会注意到由于container类中的填充，实际列大小的差异极小。”

确实有效，必须为img类和其他内容添加一些额外的css，但基本思想是正确的。谢谢。