Bootstrap 网格偏移行高扩展

Question

我有这个 Bootstrap 网格：

<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 列的空间，然后在右边有两个图像，都在同一行。但是我上面的代码将第二张照片放在第一张照片的右下角。因此，行高加倍。

我该如何解决这个问题？

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