0
TwitterのブートストラップMEDIA GRID要素に 'キャプション'を追加する方法を理解しようとしています。次に例を示します。http://jsfiddle.net/vXMMA/73/Twitter Bootstrap - メディアグリップを使ったキャプション
「長い」キャプションは、グリッドが「ミスアライメント」に見えることに気付きます。任意のヒント?
TwitterのブートストラップMEDIA GRID要素に 'キャプション'を追加する方法を理解しようとしています。次に例を示します。http://jsfiddle.net/vXMMA/73/Twitter Bootstrap - メディアグリップを使ったキャプション
「長い」キャプションは、グリッドが「ミスアライメント」に見えることに気付きます。任意のヒント?
ちょうどそうように、あなたのメインのCSSのdisplay:inline-block;
としてli
の要素を定義します。
.media-grid li {
display: inline-block;
vertical-align: top;
}
感謝を!なぜこれが役立つのか説明できますか? – shergill
@shergill要素がインラインで表示されると、すべてのブロックレベルの品質が失われ、ブロックレベルの要素として正しく含まれません。 'inline-block'要素がコンテナの境界を維持している間に、テキストがインラインで表示されたイメージを囲むように、可能な限りインラインでコンテンツにインラインでフィットさせることによってこれを行います。 –