1

Twitter Bootstrap を使用して、次のレイアウトを作成しました。

<div class="row">
    <div class="span8">
        <div class="row">
            <div class="span2"><img src="..."></div>
            <div class="span2"><img src="..."></div>
            <div class="span2"><img src="..."></div>
            <div class="span2"><img src="..."></div>
        </div>
    </div>

    <div class="span4">
        ...
    </div>
</div>

4 つ以上を表示する必要がある場合は<img>、別の を作成するだけrowです。span2しかし、内で 4 つ以上を使用するとspan8、別の を作成しなくてもrow、複数の行に正しく分割され、余分な を手動で追加した場合と同じようにレンダリングされることに気付きましたrow。

これは文書化された慣行ですか、それとも偶然に機能するだけで、状況によっては/ブラウザによっては欠点がある可能性がありますか?

4

1 に答える 1

1

それは大丈夫です、そしてそれは文書化されています。ドキュメントのサムネイル セクションを見てください。この方法の例が表示されます。
ちなみに、画像のコレクションを表示している場合は、 を使用する必要がありますthumbnails。

編集:すべてにもかかわらず、これをrow-fluid. そのため、現在は静的コンテンツのみがサポートされています。

于 2012-09-03T11:38:40.387 に答える