html - 使col center Bootstrap

Question

我在一行中创建了一个“col-lg-6 text-center”，但它仅在列本身内居中。因此，我必须再添加 2 列“col-lg-3”，以使 col-6 位于页面中央。

 <div class="row">
             <div class="col-lg-3">

             </div>
             <div class="col-lg-6 text-center">
                  <p>Some text</p>
             </div>
             <div class="col-lg-3">

             </div>
</div> 

你们有什么办法可以让 col-lg-6 在页面居中而不用 2 col-lg-3 吗？非常感谢。

Answer 1

使用 col-lg-offset-3 添加左边 3 列的偏移量

Plunker 解决方案:

https://plnkr.co/edit/B5Ka3V7BHio0v8ZcMcXr

<div class="row"> 
         <div class="col-lg-offset-3 col-lg-6 text-center">
              <p>Some text</p>
         </div>
</div>