行の要素に同じ高さを割り当てるにはどうすればよいですか？

Question

少しのブートストラップの問題があります。 ..私は、角度（NGリピート）と、いくつかの要素を印刷し、コンテナはその高さ画像の高さを調整

View of my recipes

コード：

<div class="row text-center"> 
    <div class="col-lg-3 col-md-12 col-sm-12" ng-repeat="recipe in purchasedRecipes"> 
     <a href="{{recipe.PdfUrl}}" target="blank"> 
      <div class="thumbnail"> 
       <img src="{{recipe.ImgUrl}}" alt=""/> 
       <div class="caption"> 
        <h3>{{recipe.RecipeName}}</h3> 
       </div> 
      </div> 
     </a> 
    </div> 
</div> 

幅がで割り当てるのは簡単ですブートストラップ（class="col-lg-3 col-md-12 col-sm-12"）レシピが行に対して同じサイズの行になるように、固定の応答性の高さを割り当てるにはどうすればよいですか？

Answer 1

:)を支援するための

おかげでhereを参照してください。トップ3は以下のとおりです。

matchHeight.js

• matchHeight.js Docs
• matchHeight.js GitHub

使用テーブル

、彼らが与えた例：

@media only screen and (min-width : 768px) { 
    .is-table-row { 
     display: table; 
    } 
    .is-table-row [class*="col-"] { 
     float: none; 
     display: table-cell; 
     vertical-align: top; 
    } 
} 

巨大な負のマージンとパディング正

彼らのコード：

.row.match-my-cols { 
    overflow: hidden; 
} 

.row.match-my-cols [class*="col-"]{ 
    margin-bottom: -99999px; 
    padding-bottom: 99999px; 
}