1

使用引导行流体网格系统，我无法使我的网页适合我的屏幕的确切宽度。现在，我看到出现了一个水平滚动条，但我认为它应该适合我的屏幕宽度！我究竟做错了什么？

这是我的代码：

@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 回答