html - BS3 的最小宽度

Question

我有一个网站，它使用 BS3 响应式设计来适应设备尺寸。由于站点中使用了一些组件，BS 面板在较小的屏幕上重叠。为了促进这些组件的最佳观看体验，我需要使网站以最小宽度显示。水平滚动是可以的。

我尝试设置 body、div 等的最小宽度。但似乎没有一个能覆盖 BS 的响应能力。

有没有一种方法可以通过最少的 css 更改而不更改站点中的每个 BS3 类用法来实现这一目标。

Answer 1

以下配方可以完成这项工作:

1. 确保您的 bootstrap html 由 <div class="container"> 包裹.

2. 设置min-width在 CSS 中，例如:

   .容器{ 最小宽度:800px；

3. 为避免列在较低分辨率下崩溃，请替换所有 col-**-nn html 中的类 col-xs-nn .例如，替换 <div class="col-md-3">通过 <div class="col-xs-3"> .

参见 example