1

固定 (span12) コンテナーがあります。その中に、span3 サイドバーと span9 コンテンツ エリアがあります。

span9 コンテンツ領域内に、2 つの画像があります。50/50 に分割し、応答性を維持したいので、画面が巨大な場合はコンテンツ領域の全幅にまたがり、1024 領域にサイズ変更すると、ラップせずに縮小します.

これが私の実際の例ですが、span5 と span4 のサムネイルを使用しています。50/50 を取得するにはどうすればよいので、基本的には span4.5 ですか?

http://dl.dropbox.com/u/240752/custom/test.html

ありがとう。

4

2 に答える 2

3

を使用しrow-fluidて、12 列のレイアウトをネストします。span9

<div class="span9">
    <div class="row-fluid">
        <div class="span6">
        </div>
        <div class="span6">
        </div>
    </div>
</div>
于 2012-09-27T11:38:02.157 に答える
1

span9 itno 4 と 5 を分割しないでください ... 2 span6 に分割すると、正しく表示されます

ここをチェックしてください：http://jsfiddle.net/eMETn/

于 2012-09-27T11:40:23.660 に答える