2016-05-17 1 views
0

私はこの方法でブートストラップを使用しているよ:ブートストラップグリッドシステム要素、石造りスタイルを作成するには?

<div class="col-md-4"> 
    Content.. 
</div> 
<div class="col-md-4"> 
    Content.. 
</div> 
<div class="col-md-4"> 
    Content.. 
</div> 
<div class="col-md-4"> 
    Content.. 
</div> 
//And so on.. 

これらのdivのは、動的に追加されています。

私は、私は彼らに石工のスタイルを作るためのdivのに追加することができ、余分なクラスがあるかどう知っているが、視覚的に例えば、ここに私はこれまで取得しています何しません。

bootstrap grid system non masonry style

そしてここで私は達成するために探しているものです:

bootstrap grid system masonry style

誰もが、私はこの効果を達成するために追加することができます任意のクラスを知っていますか?

+0

を試してみてください純粋なCSS https://jsfiddle.net/gabrieleromanato/tQANc/ – jakob

+0

ありがとう! – NoReceipt4Panda

答えて

1

このリンクはあなたを助けるかもしれない:http://www.bootply.com/118335 また、あなたがここに石工jQueryのソリューションhttp://codepen.io/SitePoint/pen/mywEMRとを持っている。また、この

<div class="two-columns"> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 
</div> 
<div class="double-wide"> 
</div> 
<div class="two-columns"> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 
</div> 

、ここ https://designshack.net/articles/css/masonry/

関連する問題