引导列汽车中心柱

Question

我有引导栏，如下图所示：

<div class="col-sm-2 col-xs-4 half-padding">hi</div> 
<div class="col-sm-2 col-xs-4 half-padding">hi</div> 

现在，当我们刚刚3格，所以它不会覆盖整列有没有什么办法，这两个将在中心显示，而不是从左到右？

请告诉的方式做同样的

也关口是动态生成的问题：

所以如果u有5块，然后12/5 = 2这么

<div class="col-sm-2 col-xs-4 half-padding">hi</div> 
<div class="col-sm-2 col-xs-4 half-padding">hi</div> 
<div class="col-sm-2 col-xs-4 half-padding">hi</div> 
<div class="col-sm-2 col-xs-4 half-padding">hi</div> 
<div class="col-sm-2 col-xs-4 half-padding">hi</div> 

Answer 1

有也是一个偏移类在bootstrap div div的使用低于html获得你想要的东西

<div class="col-sm-2 col-sm-offset-4 col-xs-4 col-xs-offset-2 half-padding">hi</div> 
<div class="col-sm-2 col-sm-offset-4 col-xs-4 col-xs-offset-2 half-padding">hi</div> 

Answer 2

而不是使4-columns 8-columns DIV布局使6-columns 12-columns格在一个div包装他们，居中的：

<div class="wrap"> 
    <div class="col-sm-3 col-xs-6 half-padding">hi</div> 
    <div class="col-sm-3 col-xs-6 half-padding">hi</div> 
</div> 

.wrap { 
    max-width: 700px; /* define as your layout */ 
    margin: 0 auto; 
    text-align: center; 
}