0

質問は少し… ばかげているように聞こえるかもしれません。しかし、私はちょっと立ち往生しています。

Twitter Bootstrap を使用しています。私のテストコードは次のとおりです。

<div class="container-fluid">
    <div class="row-fluid">
            <div class="span3" style="background:#eee; border:1px solid blue;">

            <ul class="nav nav-list">
            <!-- List contents -->
            </ul>

            </div><!--/span-->
            <div class="span9" style='background:#fff; padding-left:10px; border:1px solid red'>
                <div class="hero-unit">
                        <h1>Hello, world!</h1>
                        <p>This is a template for a simple marketing or informational website...</p>
                        <p><a class="btn btn-primary btn-large">Learn more &raquo;</a></p>
                </div>
                <div class="row-fluid">
                    <!-- The content -->

                </div><!--/row-->
        </div>
    </div>
</div>

そして、これはどのように見えるかです（私は色付きの境界線を使用して、2つのdivのそれぞれがどこにあるかを示しています）：

ここに画像の説明を入力

今、私の質問は:

最終結果が次のようになるように、2番目の赤枠の div ( span9) が右端の列全体を占めるようにする方法はありますか?

  • 左側のコントロール パネル (灰色がかった背景の列全体)
  • 右側の一番右の div (残りのスペースをすべて占有し、背景は白)
4

1 に答える 1

1

私はtwitterブートストラップの経験があまりありませんが、答えは「row-fluid」クラスのcssプロパティを調べて、マージンと幅を確認することだと思います。

マージン：0自動; マージン（divの外側の周りのスペース）を削除し、コンテナーの中央に配置します

^がすでに真の場合、width = 50％; （両方を並べる場合）

お役に立てば幸いです。

于 2012-08-15T14:16:07.500 に答える