0

My Site中心2個3個圖像,圖像與引導

在根據當前閱讀...節本網站有5張圖片。最上面的3個是下面的2個。我很高興與使用col-lg-4

但是我想底部的兩個圖像坐底下中心,像這樣3個圖像,坐的方式:

  □  □  □ 
       □  □ 

我已經後使用底部兩個圖像邊緣嘗試應用span6,但這會影響瀏覽器調整大小時的響應定位。

我怎樣才能讓底部的兩張圖片坐在整齊而不影響響應度?

非常感謝。

回答

2

這是可能的,同時使用col-sm-xcol-sm-offset-x

<div class="container"> 
    <div class="col-sm-4"> 
    <img src="http://placehold.it/110x150/2ecc71/fff" class="center-block"> 
    </div> 
    <div class="col-sm-4"> 
    <img src="http://placehold.it/110x150/3498db/fff" class="center-block"> 
    </div> 
    <div class="col-sm-4"> 
    <img src="http://placehold.it/110x150/e74c3c/fff" class="center-block"> 
    </div> 
    <div class="col-sm-4 col-sm-offset-2"> 
    <img src="http://placehold.it/110x150/e67e22/fff" class="center-block"> 
    </div> 
    <div class="col-sm-4"> 
    <img src="http://placehold.it/110x150/9b59b6/fff" class="center-block"> 
    </div> 
</div> 

Bootply

enter image description here

+0

輝煌。作品完美。您是如何學習col-sm-4的,瞭解Bootstrap網格/類的最佳資源是什麼?我在他們的網格參考網站上找不到col-sm-4。 – danelig

+1

@Danelian爲2圖像行,爲什麼不使用col-sm-6? – ganders