[jQuery, bootstrap] bootstrapでグリッドコンテンツの高さを調整出来ないか一考

[jQuery, bootstrap] bootstrapでグリッドコンテンツの高さを調整出来ないか一考


開発

bootstrapは基本的に横1列に整列されるグリッドシステムなので、高さの異なるコンテンツを並べるとこのように隙間が出来ます。

これを、Pinterestのように詰めることは出来ないかな、と考えてみました。

やったこと。
・ベースを2カラムに設定
・jQueryでリストの奇数番目を左カラムに、偶数番目を右カラムに振り分ける

課題
・2列にしか対応出来ない
・極端に高さが異なると、順番がズレる

今日はここまで
[jQuery, bootstrap] bootstrapでグリッドコンテンツの高さを調整出来ないか一考

[jQuery, bootstrap] bootstrapでグリッドコンテンツの高さを調整出来ないか一考


開発

bootstrapは基本的に横1列に整列されるグリッドシステムなので、高さの異なるコンテンツを並べるとこのように隙間が出来ます。 See the Pen bootstrapで詰め対応出来ないか(ベース) by kosuk…


関連する記事



こちらはいかが?


Bootstrapの変数を自分のSCSS(SASS)で使う方法
Bootstrapの変数を自分のSCSS(SASS)で使う方法

bootstrapのソースファイルを一括ダウンロードすると、その中には複数のscssファイルが格納されています。 通常、bootstrapの色や幅などの数値を変更するにはその中にある _variables.scss の中…

1 件のコメント

コメントを残す