在具有3行的引导程序中创建普通网格（如下所示）时，网格始终位于页面左侧，
我尝试在的帮助下将整个网格居中对齐text-align:center，也尝试使用css类center-block和text-center
但是网格仅几乎不移向中心区域。
关于如何使它工作的任何建议？
我也需要精确居中而不在引导程序中使用偏移量
<div class="container">
<div class="row">
<div class="col-xs-1">
Block
</div>
<div class="col-xs-1">
Block
</div>
<div class="col-xs-1">
Block
</div>
</div>
<div class="row">
<div class="col-xs-1">
Block
</div>
<div class="col-xs-1">
Block
</div>
<div class="col-xs-1">
Block
</div>
</div>
<div class="row">
<div class="col-xs-1">
Block
</div>
<div class="col-xs-1">
Block
</div>
<div class="col-xs-1">
Block
</div>
</div>
</div>
以下是在不使用offset类的情况下获得精确居中的方法：Fiddle演示
创建一个名为的新帮助器类col-centered：
.col-centered {
float: none;
margin-right: auto;
margin-left: auto;
}
您在（例如class="col-md-7 col-centered"）上使用此类的任何列都将直接位于其容器的中央。
然后，在三列网格周围添加另一组列：
<div class="container">
<div class="row">
<!-- New set of columns, centered -->
<div class="col-sm-7 col-centered">
<!-- New row -->
<div class="row">
<div class="col-xs-4">
Block
</div>
<div class="col-xs-4">
Block
</div>
<div class="col-xs-4">
Block
</div>
</div>
<div class="row">
<div class="col-xs-4">
Block
</div>
<div class="col-xs-4">
Block
</div>
<div class="col-xs-4">
Block
</div>
</div>
<div class="row">
<div class="col-xs-4">
Block
</div>
<div class="col-xs-4">
Block
</div>
<div class="col-xs-4">
Block
</div>
</div>
</div>
</div>
</div>
确保使用col-xs-4而不是col-xs-1创建三列，以使其覆盖所有12个Bootstrap网格列。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句