1

ブラウザのサイズを変更するたびに、この出力が表示されます

ここに画像の説明を入力

ボックスは互いに閉じている必要があります。jquery masonry または css でこれを行うにはどうすればよいのだろうか。どんな助け/提案もします。

注: Masonry プラグインのレスポンシブを無効にすることでこれを解決できますが、ブートストラップのレスポンシブ CSSは機能しません。

4

1 に答える 1

1

ウィンドウのサイズを全画面表示から非常に小さい幅に変更すると、最初に masonry プラグインが各記事の上部を変更してその仕事を行い、その後、ブートストラップの JavaScript が開始され、col-md コンテナーの幅がページ全体に収まるようにして、テキストをより少ない行で折り返すように強制するため、col-md コンテナーの高さが小さくなり、アイテム間に多くのスペースが残ります。

私にとってうまくいったのは、col-xs クラス (小さな画面で使用される) を col-md コンテナーに追加することでした。

乾杯!

于 2016-02-02T15:20:16.407 に答える