使用Bootstrap水平居中文本？

Question

我试图弄清楚如何使用Bootstrap水平居中文本。

假设我有一个12格的空间。

我的目标是让文本占据中间的8个网格空间，每边有2个空网格。

我使用下面的代码来完成水平居中但是我很好奇是否有另一种使用Bootstrap的方法？

谢谢！

.container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

Answer 1

如果我正确理解了这个问题，您可以使用columns with an offset

所以要占据中间的八个网格空间，每边有两个空格：

<div class="col-md-8 col-md-offset-2">
    <p>Some text here</p>
</div>

如果您希望文本居中在居中列中，请将“text-center”类添加到段落标记中。