石造りグリッド不要のスペース

$(".portfolio").imagesLoaded(function() { 
    $(".portfolio").masonry({ 
     columnWidth: '.col-md-4.col-sm-6', 
     itemSelector: '.col-md-4' 
    }); 
});

あなたのウィンドウで遊んだほうがいいです。私はあなたが最初にそれを開くときにスペースを必要としません。 http://webtehayat.net/demo/portfolio/石造りグリッド不要のスペース

出典

2017-05-02 Batuhan Akkaya

を使用して追加の第四列を追加することができますあなたはと幅を使用していますパーセンテージ。この場合、optionsにpercentPosition：trueを追加してみてください！ –

ありがとう、しかし今、http：//i.hizliresim.com/r3zR9z.jpg –

あなたのウィンドウで遊んだ方がますます良くなっています。 –

あなたはそれが総使用可能な画面幅の33.333333%として幅のしている.col-md-4クラスを配置しているためです。グリッドの外部と内部のdivの空間計算を実際に再考する必要があります。

迅速&汚い修正プログラムは、あなたのCSSでこれを置くことです：

.col-md-4 { 
    width: 34% !important; 
} 

body { 
    margin: 0; 
    overflow-x: hidden; 
}

あなただけではなく、3

出典

2017-05-02 13:06:14

ブートストラップグリッドは、あなたが言ったことではありません。私は理解していません（「3を使うのではなく、第4列を追加することもできます。」 –

右のdivに3列あります。 '.col-md-3'は' .col-md-4'のクラスです。 –

石造りグリッド不要のスペース

答えて

関連する問題