1

ブートストラップ行流動グリッド システムを使用して、Web ページを画面の正確な幅に合わせることができません。現在、水平スクロールバーが表示されていますが、画面の幅に収まるはずだと思いました。私は何を間違っていますか？

これが私のコードです：

@gridColumns: 24;
@fluidGridColumnWidth: 3.2%;
@fluidGridGutterWidth: 1.0086956%;

<body>
    <div class='row-fluid'>
        <div id='leftbar' class='span3'>
        </div>
        <div id='content-wrapper' class='span17'>
            <div class='row-fluid'>
                <div id='header' class='span24'>
                    <div class='row-fluid'>
                        <div class='span8 header'>
                        </div>
                        <div class='span8 header'>
                        </div>
                        <div class='span8 header'>
                        </div>
                    </div>
                </div>
                <div id='flash-message' class='span24 center'>
                </div>
                <div id = 'content' class='span24'>
                   <div class='row-fluid'>
                        <div id = 'content-left' class='span10 center'>
                        </div>
                        <div id = 'content-right' class='span14 center'>
                        </div>
                   </div>
                </div>
            </div>
        </div>
        <div id='rightbar' class='span4'>
        </div>
        <div id = 'footer' class='span24'>
        </div>
    </div>
</body>
4

1 に答える 1

0

「コンテナ」クラスにコードを含めてみましたか? Bootstrap のドキュメントから: .

また、少なくともサンプル コードでは、行が正しいスパン数と一致しません。一番上の行には次のスパンがあります: 3 + 17 + 4 + 24 (フッター) = 48. 内側の行でも同じ問題が発生します。

これを修正するには、24 (またはそれ以下) のスパンのセットごとに新しい行を宣言するだけです。

于 2012-07-03T10:33:31.020 に答える