在最小宽度下停止 Bootstrap答案

【问题标题】：Stop Bootstrap under a minimum width在最小宽度下停止 Bootstrap
【发布时间】：2017-08-29 23:38:54
【问题描述】：

所以我手头有一个讨厌的项目，里面有很多引导程序。问题是，我需要在某个 1024px 上进行锁定，但我想不出怎么做。我将主体锁定在 1024 像素，但引导程序仍然会更改有关宽度的布局，我不能简单地删除所有列类以仅使用 1，因为它不会再适应自己。

我可以使用什么想法来实现这一目标？

【问题讨论】：

【解决方案1】：

您可以使用自己定制的 Bootstrap css (create one here) 而不是原来的/常规的。在“媒体查询断点”部分，只需将@screen-xs、@screen-sm 和@screen-md 更改为1024px，然后下载自定义版本。

【讨论】：

【解决方案2】：

Bootstrap 的设计初衷是移动优先，并且可以向上扩展而不是向下扩展。

您可以通过在您自己的 css 文件中设置大量固定值来覆盖低于 1024 的引导媒体查询来扭转这种情况。本质上，这将是很多工作，因为您将逆转引导程序的移动优先设计。

【讨论】：

【解决方案3】：

这是already asked on SO，使Bootstrap 3 无响应的步骤是described in the docs。在您的情况下，听起来简单地使用 col-xs-* 类将起作用，因为这些列不会垂直堆叠并“更改布局”。来自文档：

对于网格布局，使用 .col-xs-* 类作为补充或就地的，中/大的。别担心，超小的设备网格缩放到所有分辨率。

【讨论】：