個人の Web サイトのサムネイル モジュールの設定に問題があります。プロジェクトに Twitter ブートストラップ (3.0) を使用していますが、サムネイル モジュールの設定を完了できません。
幅はいいのですが、サムネイルの高さを設定できません(すべてのサムネイルを同じ高さに揃えることはできません)。
すべてのサムネイルに 1 つの (標準) 高さを設定し、画像を拡大/縮小して中央に表示し、画像を引き延ばさずにすべてのスペースを埋めるにはどうすればよいですか?
<div class="row">
<!-- Thumbnail 0 -->
<div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail">
<img src="img.png" alt="...">
</a>
<div class="caption">
<h4>Arctic MX-2, 8g</h4>
</div>
</div><!-- /thumbnail 0 -->
<!-- Thumbnail 1 -->
<div class="col-sm-6 col-md-3">
<a href="#" class="thumbnail">
<img src="blue.png" alt="...">
</a>
<div class="caption">
<h4>Arctic MX-2, 8g</h4>
</div>
</div><!-- /thumbnail 1 -->
</div><!-- /thumbnail -->