Twitter bootstrap 如何使一个DIV在引导通道内回环居中？

我正在使用bootstrap3，并且有包含背景图像的div。这些div位于列中，我想将它们居中放置

我有以下HTML：

<div id="badges">


            <div class="col-xs-6  col-sm-6   col-md-2 col-lg-2 badge-container center-block">               
                <div id="badge1" class="center-block"></div>
            </div>


            <div class="col-xs-6  col-sm-6   col-md-2 col-lg-2 badge-container center-block">   
                <div id="badge2" class="center-block"></div>
            </div>


            <div class="col-xs-6  col-sm-6   col-md-2 col-lg-2 badge-container center-block">   
                <div id="badge3" class="center-block"></div>
            </div>


            <div class="col-xs-6  col-sm-6   col-md-2 col-lg-2 badge-container center-block">   
                <div id="badge4" class="center-block"></div>
            </div>


 </div>

我曾尝试使div居中（还添加了class=“center block”），但它不起作用

如何使这些div居中

---

谢谢

这是我认为你想要的代码笔

bootstrap有一个名为

col-*-offset-*

的类，您可以在列不等于完整网格大小时使用该类

您可以使用的另一种方法是旧的

margin:0

自动方式，并将

float:none；

添加到自定义类中

这里有更好的解释

编辑删除的冗余

“中心块”

类

float:none;
margin:0 auto;

对于每个你想成为中心的div

---

别忘了根据图像宽度为div指定特定的宽度，谢谢，但这不起作用。没有变化。还有，为什么要删除“中心块”类？该类不应该将div居中？为什么会这样？

float:none;
margin:0 auto;