jQuery Shapeshiftプラグイン。要素が行に収まらない

Question

jQuery Shapeshiftプラグインに問題があります。私は青、緑、黄色のブロックを1列にしたいと思っていますが、シェイプシフトはそれに合っていません。問題はどこにあり、どのように解決できますか？

HTML：

<div class="container"> 
    <div class="klocek1"></div> 
    <div class="klocek2"></div> 
    <div class="klocek3"></div> 
    <div class="klocek4"></div> 
</div> 

CSS：

.container { 
    border: 1px dashed #ccc; 
    position: relative; 
    width: 100%; 
} 

.container .ss-placeholder-child { 
    background: transparent; 
    border: 1px dashed red; 
} 

.klocek1 { 
    width: 600px; 
    height: 600px; 
    background: yellow; 
    position: absolute; 
} 

.klocek2 { 
    width: 600px; 
    height: 300px; 
    background: red; 
    position: absolute; 
} 

.klocek3 { 
    width: 300px; 
    height: 600px; 
    background: green; 
    position: absolute; 
} 

.klocek4 { 
    width: 300px; 
    height: 600px; 
    background: blue; 
    position: absolute; 
} 

JS：

$(".container").shapeshift({ 
    minColumns: 1 
}); 

JSFiddle： http://jsfiddle.net/odu70g2t/2/

Answer 1

は、私はあなたがARRANGすべきだと思いますe mininum columsプロパティに応じて、たとえば、私はminumum列を設定するときに私の画面で、行を適切に埋めます。以下のように ：

$(".container").shapeshift({ 
    minColumns: 3 
}); 

は、私は、これは私が最小の列が設定されていた