我正在使用 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/