[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…


関連する記事



こちらはいかが?


jQueryでHTMLタグを置換する
jQueryでHTMLタグを置換する

例として、ボタンをクリックしてulタグをolタグに置換しています。 See the Pen クリックしてタグを置換する by kosuke agusa (@aguko) on CodePen. でも、このままだとidやク…

jQueryでExcel書き出し
jQueryでExcel書き出し

http://jquerybyexample.blogspot.com/2012/10/export-table-data-to-excel-using-jquery.html WordPressで作成したHTMLテーブ…

1 件のコメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*(必須)

*(必須・表示されません)