引導網格偏移行高度擴展

Question

我有這樣的引導電網：

<div class="row"> 
    <div class="col-md-2 col-md-offset-8"> 
     <img src="img/photo1.jpg" class="img-responsive"> 
    </div> 
    <div class="col-md-2 col-md-offset-10"> 
     <img src="img/photo2.jpg" class="img-responsive"> 
    </div> 
</div> 

我要離開左邊的8-COL空間，然後對右邊的兩個圖像，都一樣排。但是我上面的代碼放置了第一張照片的右下角的第二張照片。因此，行高度加倍。

我該如何解決這個問題？

Answer 1

只要刪除第二張照片的包裝的偏移量，你應該很好去。在Bootstrap中，列的總數必須是最多12，但是你有2 + 8 = 10，然後再次2 + 8 = 10，總共是20，所以它將跳過一條線。如果刪除從第二圖像的偏移量，應很好地將其自身挨着另一個圖像，那麼這將是2 + 8 + 2 = 12。

<div class="row"> 
    <div class="col-md-2 col-md-offset-8"> 
     <img src="img/photo1.jpg" class="img-responsive"> 
    </div> 
    <div class="col-md-2"> 
     <img src="img/photo2.jpg" class="img-responsive"> 
    </div> 
</div> 

這裏是一個演示：http://www.bootply.com/gVhppNNe7M