Jquery css引导3列，高度相同

我的布局如下：

标记：

<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

用户
纳维
[1]: http://i.stack.imgur.com/WNuXu.jpg

用户和购物车有固定的高度，我希望图像和navi响应，所以它们都有相同的高度。 如果可能的话，有什么想法吗

---

谢谢

真不错。但逻辑上是不可能的。我的意思是图像不能响应，但图像容器（div）可以响应。因为图像有高度。若你们根据用户购物车来调整它的大小，那个么图像看起来会很糟糕。但是你可以看看。通过使用砖石，你可以得到你想要的东西

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

使用自定义类

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

例如：

<div class="row row-eq-height">
    <div class="col-xs-4"></div>
    <div class="col-xs-4"></div>
    <div class="col-xs-4"></div>
</div>

---

您可以在jQuery中使用或flexbox或this

HTML

---

你能用JSFIDLE给我们你的代码吗？

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

$(function() {
    $('.same-height').matchHeight();
});