gpt4 book ai didi

html - bootstrap 如何在减小浏览器大小时出现滚动条

转载 作者:行者123 更新时间:2023-11-28 17:26:18 25 4
gpt4 key购买 nike

我在页面布局上使用 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;
}

演示 (已更新)

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

关于html - bootstrap 如何在减小浏览器大小时出现滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27136210/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com