javascript - 暂时禁用响应 Bootstrap

标签 javascript html css twitter-bootstrap

我正在使用 Twitter Bootstrap 开发一个页面。在当前的开发阶段,更改为桌面以外的其他设备分辨率会严重破坏网站的布局。在我准备好为它开发之前,如何禁用 Bootstrap 的响应性方面?我想发布此站点的桌面版本,但如果它在不同的分辨率下中断,我不能。我没有 bootstrap-responsive.css 文件,它已全部烘焙到 bootstrap.css 中。

最佳答案

删除 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)

关于javascript - 暂时禁用响应 Bootstrap ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14151832/

相关文章:

javascript - 屏蔽输入插件的问题

javascript - 如何将移动物体与背景居中?

html - 如何在上面有文字的图像上创建深色透明叠加层

伪四叉树的 Javascript 邻接矩阵

javascript - 从另一个 Controller 重新加载一个 Controller Angular js

javascript - 在 jQuery 上正确使用 map

java - 我们如何将网页表单 html 模板与用户输入的数据一起存储在任何服务器中?

javascript - 使用循环获取每个子项的样式属性

javascript - 如何计算选择 h3 的价格?

javascript - 使用 jquery 更改纯 HTML Slider-Thumb 颜色(包括工作 css)