jquery - css bootstrap 3列具有相同的高度

Question

我有以下布局:

标记:

<div class="row">
    <div class="col-md-12">                    
        <div class="row">
            <div class="col-md-6">
            <img class="img-responsive" src="/app/img/shop/teaser.jpg">
        </div>
        <div class="col-md-3">
            <div class="boxuser">
               user
            </div>
            <a href="/shop/cart" class="cart">
                cart
            </a>
        </div>
        <div class="col-md-3">
            <div class="navi">
                navi
            </div>
        </div>
    </div>                   
</div>

  [1]: http://i.stack.imgur.com/WNuXu.jpg

用户和购物车的高度是固定的，我希望图像和导航具有响应性，因此它们都具有相同的高度。有什么想法吗？

谢谢

Answer 1

那是一个不错的。但逻辑上不可能。我的意思是图像不能响应，但图像容器 (div) 可以响应。因为 Image 有高度。如果您根据用户购物车调整它的大小，图像会看起来很糟糕。但是你可以看看masonry script .通过使用砌体，您可以获得想要的东西。

或者另一种解决方案是为图像和 navi 提供最小高度。最小高度应该是购物车的高度。