Bootstrap列不会居中

时间:2014-10-30 15:00:17

标签: twitter-bootstrap-3

我似乎无法在我的Bootstrap结构中心制作一个列 - enter image description here

我尝试过添加 -

    .col-md-3 {
    width:20%;
    display:block;

以及 -

display: table-cell;
vertical-align: middle;

但没有任何运气。我也尝试清除浮动('清除:两者'),但它使所有图像混乱。

我做错了什么?这是my site

2 个答案:

答案 0 :(得分:1)

默认情况下,

.col-md-3应该这样做,但是如果你要覆盖连续4个项目,那么你希望它是:宽度:25%;

试试

答案 1 :(得分:0)

您也可以使用div的infront中心标记来居中。

以下是一个例子:

<center>
<div class="col-md-3>
your contents
</div>
</center>

由于