引导网格偏移行高度扩展

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