Question

我在页面布局上使用bootstrap 3.0。我的HTML类似于：

<html>
    <body>
        <div class="container">
            <div class="row">
                <div class="col-md-12"></div>
            </div>
            <div class="row">
                <div class="col-md-12"></div>
            </div>
        </div>
    </body>
</html>

当我尝试缩小浏览器的尺寸时（IE / Chrome / Firefox）。它们缩小并重叠。我想要的是当浏览器没有足够的宽度时出现水平滚动条，该引导容器的固定宽度为1170px。我会用什么css来实现这个目标？谢谢你的帮助！

Answer 1

实际上，您可以为body标签添加固定宽度，或将代码包装到外部包装器

<html>
    <body>
    <div class="wrapper">
        <div class="container">
            <div class="row">
                <div class="col-md-12"></div>
            </div>
            <div class="row">
                <div class="col-md-12"></div>
            </div>
        </div>
     </div>
    </body>
</html>

<强> CSS

.wrapper {
 width: 1170px;
 margin: 0 auto;
 }

DEMO （已更新）

http://jsfiddle.net/R5PXH/480/

bootstrap在减小浏览器大小时如何显示滚动条

1 个答案: