Bootstrap Container类不使元素成为页面的中心

Question

我写了一个简单的html代码

<div class="container">
   <p>-----------Bootstrap Simple Test----------------</p>
</div>

它看起来正是我在移动视图中的预期。但在桌面视图中，看起来右侧有更多空间。而且它没有居中。

附加屏幕截图

如何让它在Bootstrap中居中？

Answer 1

像这样使用text-center类：

<p class="text-center">-----------Bootstrap Simple Test----------------</p>

Docs