サムネイルの高さが異なる：正しい動作ですか？

Question

私は異なる高さのdiv thumbnailsのグリッドを作成するためにブートストラップを使用しています。当然の

<div class="row"> 
    <ul class="thumbnails"> 
     <li class="span4"> 
      <div class="thumbnail"> 
       content here 
      </div> 
     </li> 
     <li class="span4"> 
      <div class="thumbnail"> 
       content here 
      </div> 
     </li> 
     <li class="span4"> 
      <div class="thumbnail"> 
       content here 
      </div> 
     </li> 
    </ul> 
</div> 

各thumbnailが異なるコンテンツを持っている、と私は、結果として、異なる高さを持っている：コードは、この構造を、以下のものです。あなたは空の抗美的、unsmart中空スペースがあります第一及び第二の間で、見ることができるよう

：私は何を得ることはこれです。これは正常ですか？私がよく書いているコードは構造化されていますか？どのように私はこの動作を避けることができますか？ 3つのサムネイルごとに行を追加し、行を閉じて3つ以上のサムネイルを挿入するなどのヒントを読んでいます。しかし、私はそれが正しいことではないと思う、何も積み重ねることができないと私はbootstrapの魔法を得ることができませんでした。どんな提案も歓迎します:-)

Answer 1

はい、その動作が必要です。あなたは、jQuery Isotope（https://github.com/desandro/isotope）やMasonryのようなプラグインを使って、イメージを空白に埋め込むことができます。ここで

は同位体+ブートストラップサムネイルのデモです：

http://bootply.com/61482