暂时禁用响应性引导程序 [英] Temporarily Disable Responsiveness Bootstrap

问题描述

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

I'm in the middle of developing a page using Twitter Bootstrap. At the current stage of development, changing to a different device resolution other than desktop breaks the layout of the site horribly. How can I disable the responsiveness aspect of bootstrap until I'm ready to develop for it? I'd like to have a desktop version of this site published and I can't if it breaks on different resolutions. I don't have a bootstrap-responsive.css file, it's all baked in to bootstrap.css.

推荐答案

删除Bootstrap响应CSS

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

Remove Bootstrap Responsive CSS

In your source code, find the style declarations:

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

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

Just remove the second CSS. Have only this:

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

---

如果所有文件合并......

您需要查找并删除负责屏幕宽度的 @media 查询。删除所有 @media 查询，其中包含：

---

If all the files are combined...

You need to find and remove the @media queries, responsible for screen widths. Remove all the @media queries, which have:

@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)

这篇关于暂时禁用响应性引导程序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！