divなどで配置したパネル内の要素の量が異なっていても、全てのパネルの高さを揃えるjQueryのプラグインを紹介します。 高さを揃える系としては後発のスクリプトですが、レスポンシブにしっかり対応しているのがポイントです。 一列のパネルはもちろん、段組でもOK、省スペースのスマフォ用に成り行きもコントロールできます。
[JS]レスポンシブにしっかり対応！高さの異なるパネルを揃えたり、成り行きにするスクリプト -EqualHeight.js
divなどで配置したパネル内の要素の量が異なっていても、全てのパネルの高さを揃えるjQueryのプラグインを紹介します。 高さを揃える系としては後発のスクリプトですが、レスポンシブにしっかり対応しているのがポイントです。 一列のパネルはもちろん、段組でもOK、省スペースのスマフォ用に成り行きもコントロールできます。
Twitter BootstrapのThumbnailsコンポーネントで高さと左マージンの問題を回避する | kanonjiのブログ
http://twitter.github.com/bootstrap/components.html#thumbnails 画像と少しのテキストをul/liに入れてカードの様に並べたいなと思った時、Twitter BootstrapにはThumbnailsコンポーネントという期待した通りの機能がありました。ただ、高さが揃っていないと2行目以降にうまく並びません。これに関しては、自分で高さを揃える必要があるみたいです。 function equalHeight(group) { tallest = 0; group.each(function() { thisHeight = $(this).height(); if(thisHeight > tallest) { tallest = thisHeight; } }); group.each(function() { $(this).hei
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
BootstrapのThumbnailsをキレイに並べたい。|課外活動.com
