【问题标题】:min width with BS3BS3 最小宽度
【发布时间】:2015-05-25 16:31:57
【问题描述】:
我有一个网站,它使用 BS3 响应式设计来调整设备大小。由于站点中使用了一些组件,BS 面板在较小的屏幕上重叠。为了促进这些组件的最佳观看体验,我需要使网站以最小宽度显示。水平滚动是可以的。
我尝试设置 body、div 等的最小宽度。但似乎没有一个能覆盖 BS 的响应能力。
有没有办法通过最少的 css 更改而不改变站点中每个 BS3 类的使用来实现这一点。
【问题讨论】:
标签:
html
css
twitter-bootstrap-3
width
【解决方案1】:
以下食谱可能会完成这项工作:
确保您的引导 html 由 <div class="container"> 包装。
-
在css中设置min-width,比如:
.container {
最小宽度:800px;
}
为避免在较低分辨率下折叠列,请将 html 中的所有 col-**-nn 类替换为 col-xs-nn。例如,将<div class="col-md-3"> 替换为<div class="col-xs-3">。
见example