我在页面布局上使用 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) 时。它们缩小并重叠。我想要的是当浏览器没有足够的宽度时出现水平滚动条, Bootstrap 容器的宽度固定为 1170px。 我将应用什么 CSS 来实现这个目标? 感谢您的帮助!
最佳答案
实际上你可以给body标签添加固定宽度,或者把你的代码包装到outer wrapper
<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;
}
演示 (已更新)
关于html - bootstrap 如何在减小浏览器大小时出现滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27136210/