layout - Twitter ブートストラップ: 1 つのサイドバー 1 つの流動的なコンテンツ コンテナー

Question

左側に 1 つのサイドバーがあり、画面の残りの部分が動的である twitter-bootstrap レイアウトを実行したいと考えています。

このようなもの：

http://wbpreview.com/previews/WB042R743/

またはこれ：

http://wbpreview.com/previews/WB001365H/main.html

(ログインを要求された場合: demo:demo と入力します)

誰か助けてくれませんか？

Answer 1

2 番目のリンクの dom を調べると、次のように表示されます。

<section class="container-fluid">
    <div class="row-fluid">
        <div class="span2"></div>
        <div class="span10"></div>

Fluid クラスは幅をビューポートの 100% に設定します。

Twitterブートストラップのドキュメントを調べてください

編集

htmlで：

<div class="span10 content">

CSSで：

.container-fluid span10.content { margin-left: 0; }

ただし、流動グリッドを使用すると、Twitter ブートストラップはすべてのスパンのパーセンテージ値ですべてのマージンを定義することを覚えておいてください

.row-fluid [class*="span"]