Twitter引導程序：以縮略圖爲中心

Question

我有一個縮略圖列表。他們有固定的大小。我希望連續縮略圖的數量隨着窗口的寬度而變化。

這很容易與Twitter的引導：http://jsfiddle.net/charlesbourasseau/5WvAL/

的問題是，當屏幕可以接受像4.5縮略圖，他們都是靠左對齊，和我右側的差距。

我想知道如果有一個縮略圖保持中心的可能性，從而將差距縮小到左邊和右邊，始終保持不變...

Answer 1

簡單地覆蓋縮略圖上float:left財產li S和它們設置爲display:inline-block，然後父ul設置text-align:center，就像這樣：

CSS

.thumbnails { 
    text-align: center; 
} 
.thumbnails li { 
    width: 150px; 
    height: 100px; 
    background: red; 
    float: none !important; /* to overwrite the default property on the bootstrap stylesheet */ 
    display: inline-block; 
    *display: inline; /* ie7 support */ 
    zoom: 1; 
} 

演示：http://jsfiddle.net/thirtydot/5WvAL/21/