ブートストラップ行が重複しないようにする方法

Question

私はウェブデザインとブートストラップが初めてです。

は私が4列と3行を表示したいが、あなたは

私は私が12回を繰り返すことになる次のコードを（使用しています下のス​​クリーンショットで見ることができるように行が重複しています4列と3行を取得。

<div class="col-xs-12 col-sm-6 col-md-3 member" style="max-height:256px; min-height:256px;"> 
<div class="well"'.$boxShadowEffect.'> 
    <div class="col-xs-12 nopad text-center"> 
     <a href="/'.$memberUrl.'"> 
     <div style="max-height: 212px; min-height: 212px;"> <img style="max-height: inherit; '.$imageShadowEffect.'" class="img-thumbnail" alt="'.$name.' is a '.$memberProfession.'" src="https://e27.co/img/no_image_profile.png"> 
     </div> 
     </a> 
     <a href="/'.$memberUrl.'"> <h4 class="tmargin bold text-info" title="'.$nameTitle.'">'.$name.'</h4></a> 
     <a class="tmargin btn btn-sm btn-primary btn-block" href="/'.$memberUrl.'">View '.$listingLabel.' </a>             
    </div>            
    <div class="clearfix"> </div>                       
</div>            

どこにブレークタグを追加する必要がありますか？

Answer 1

列に

だけで設定していない最大の高さ：

<div class="col-xs-12 col-sm-6 col-md-3 member" style="min-height:256px;">..</div> 

http://codeply.com/go/OH013YvjN