如何居中引导行元素？

Question

晚上好！ 我试图弄清楚如何将行引导的内容居中，这已经过去了几天。我将解释： 该行由12列组成（正常情况下为自举）。在我的布局中，我只使用了9个（3个中有3个）。如何让多余空间在我的宽度3个元素的外边缘之间平均分配？

我想修改引导CSS代码，但显然我只是损坏。有人有建议吗？

Answer 1

尝试这样：

<div class="row" style="text-align: center;"> 
    <div style="width: 75%; margin: auto;"> 
    <div class="container-fluid"> 
     <div class="row"> 
     <div class="col-md-4"></div> 
     <div class="col-md-4"></div> 
     <div class="col-md-4"></div> 
     </div> 
    </div> 
    </div> 
</div> 

Answer 2

<div class="container"> 
      <div class="row"> 
       <div class="col-xs-3 col-xs-offset-1">1</div> 
       <div class="col-xs-3 col-xs-offset-1">2</div> 
       <div class="col-xs-3 col-xs-offset-1">3</div> 
    </div> 
</div> 

http://jsfiddle.net/ayang10/fbtw6/1502/

Answer 3

执行以下操作：

**CSS** 

.row.text-center > div { 
    display: inline-block; 
    float: none; 
} 

HTML

<div class="row text-center"> 
    <div class="col-sm-3"> 
     Centered content here 
    </div> 
</div>