暂时禁用响应性引导程序答案

【问题标题】：Temporarily Disable Responsiveness Bootstrap暂时禁用响应性引导程序
【发布时间】：2013-01-04 13:57:50
【问题描述】：

我正在使用 Twitter Bootstrap 开发一个页面。在当前的开发阶段，更改为桌面以外的其他设备分辨率会严重破坏网站的布局。在我准备好为其开发之前，如何禁用引导程序的响应性方面？我想发布这个网站的桌面版本，如果它在不同的分辨率下中断，我就不能发布。我没有 bootstrap-responsive.css 文件，它都被嵌入到 bootstrap.css 中。

【问题讨论】：

是标准框架还是你修改了CSS文件？
@Sherbrow 大量修改 CSS

标签： javascript html css twitter-bootstrap

【解决方案1】：

移除 Bootstrap 响应式 CSS

在您的源代码中，找到样式声明：

<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

只需删除第二个 CSS。只有这个：

<link href="assets/css/bootstrap.css" rel="stylesheet">

如果合并所有文件...

您需要查找并删除负责屏幕宽度的@media 查询。删除所有@media 查询，它们具有：

@media screen and
(min-width: X px) and
(max-width: X px)

@media screen and
(min-device-width: X px) and
(max-device-width: X px)

【讨论】：

来自问题：我没有 bootstrap-responsive.css 文件，它已经全部写入 bootstrap.css。
@Peter 我没注意到。更新了答案。
如果您使用的是CDN版本并且无法更改任何内容，那就更麻烦了。