使用 CSS 使 Bootstrap 3 无响应答案

【问题标题】：Make Bootstrap 3 non responsive with CSS使用 CSS 使 Bootstrap 3 无响应
【发布时间】：2015-03-09 15:00:31
【问题描述】：

有很多东西可以让 BS3 无响应，但似乎都集中在 LESS 变量上。我使用的是静态 CSS。

http://getbootstrap.com/examples/non-responsive/ http://bigwilliam.com/turn-off-responsive-behavior-for-bootstrap-3/

第 1 步（移除视口）和第 2 步（静态容器宽度）非常简单。但是如何在 CSS 中设置媒体查询断点？

【问题讨论】：

您希望它不响应？使用像素而不是百分比，使用大小而不是 em。不知道你为什么要这样做

标签： css twitter-bootstrap twitter-bootstrap-rails

【解决方案1】：

Bootstrap 中有一个选项可以customize 您下载的 Bootstrap CSS 以满足您的需求。如果您点击 Bootstrap 网站上的链接 customize，它将带您进入一个页面，其中列出了 Bootstrap CSS 默认下载中包含的所有组件和实用程序。您可以添加/删除这些项目中的任何一项，以创建适合您特定需求的引导程序版本。

对于您的情况，删除以下选项（在通用 CSS 下）：

打印媒体样式
响应式实用程序

还有一个部分，您可以在其中自定义 LESS 变量并将其编译为自定义 .css 文件。您可以考虑更改媒体查询断点设置，但有许多自定义选项供您浏览。

查看Bootstrap/Customize 以查看您可以更改的所有选项，希望这会有所帮助！

【讨论】：

【解决方案2】：

为 html 或 body 元素设置最小宽度，这样如果浏览器宽度小于指定的最小宽度，页面将不会调整大小。但是使用引导程序的重点是轻松开发响应式网站，因此如果您不想使用响应式引导程序，那么您就做错了。

html { min-width: 1000px; }

【讨论】：