Bootstrap列大小

Question

我想使用引導程序來獲得兩個分離的列（不在同一行）具有相同的高度，這將是更大的元素（圖片）的高度。

我的佈局如下圖所示：http://jsfiddle.net/v30u5zjd/

代碼：

<div class="row"> 
    <div class="col-md-6"> 
     <div class="row"> 
      <div class="col-md-12 col-sm-height"> 
       <img src="http://www.onlinegamblingbible.com/wp-content/uploads/2014/02/small-Android_logo.png"></img> 
      </div> 
     </div> 
     <div class="row"> 
      <div class="col-md-12"> 
       <h2 class="articleRecentTitre">My great title 1</h2> 
      </div> 
     </div> 
     <div class="row"> 
      <div class="col-md-12"> 
       <h3 class="articleRecentResume"> Excerpt here gregregfdsxgrezgttretgretregergfdqgregregregvcxgretgertrecdsgf'"t"'</h3> 
      </div> 
     </div> 
    </div> 
    <div class="col-md-6"> 
     <div class="row"> 
      <div class="col-md-12 col-sm-height"> 
       <img src="http://letrainde13h37.fr/wp-content/uploads/authors/jeremie-patonnier.jpg"></img> 
      </div> 
     </div> 
     <div class="row"> 
      <div class="col-md-12"> 
       <h2 class="articleRecentTitre">MY great title 2</h2> 
      </div> 
     </div> 
     <div class="row"> 
      <div class="col-md-12"> 
       <h3 class="articleRecentResume">description xaxaxaxaxaxaxaxaxacykaxaxaxafoobarxaxaoifherzoighbnfsoidgneorihgoierhgoihrsfoighvoierhgioreghoireh</h3> 
      </div> 
     </div> 
    </div> 
</div> 

我基本上要包含圖片是最大的圖片的大小每列，以便文本可以很好地保持一致。

我不認爲我可以使用不同的行/列布局（將兩張圖片放在同一行中），因爲如果您正在調整視圖的大小，它會將它們放在正確的位置（以及文本）使用移動網站。

Answer 1

像這樣的東西會做的伎倆。將此JavaScript添加到您的頁面。

更新小提琴：http://jsfiddle.net/v30u5zjd/2/

$(document).ready(function() { 
    var maxHeight = 0; 
    $("img").each(function() { 
     if ($(this).height() > maxHeight) { 
      maxHeight = $(this).height(); 
     } 
    }); 
    $("img").height(maxHeight); 
}); 

不過要小心 - 縮放圖像，其將大於原來的大小可能使一些顆粒感的圖像。

更新 - 請檢查新的小提琴。添加了一些代碼以使圖像保持響應。您將需要添加img響應類到您的圖像。

http://jsfiddle.net/v30u5zjd/3/