2014-10-30 70 views
0

我似乎無法對我的引導結構中心內使列 - enter image description here引導欄不會居中

我試着加入 -

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

以及 -

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

但沒有任何運氣。我也嘗試清除float('clear:both'),但它使所有圖像混亂。

我在做什麼錯?這裏是my site

回答

1

.col-md-3應該默認這樣做,但是如果你重載,那麼連續4個項目就是你想要的:width:25%;

試一下

+1

有過看看你的網站,我與寬度上你的類.portfolio項目:.portfolio-item ul {padding:0;} - 它解決了這個問題 – 2014-10-30 16:43:06

+0

啊,我很愚蠢,我怎麼會錯過...有沒有什麼辦法讓列變窄? – 2014-10-30 21:02:08

+0

當然,您可以使容器變窄,如下所示: .container { width:950px; } 否則你可以用偏移玩具 – 2014-10-31 10:07:19

0

您也可以使用中心標記盈的div居中他們。

這裏有一個例子:25%,並根據他們的UL沒有填充,即:

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

感謝