Bootstrap - 在某些页面上禁用响应

Question

我正在为 Web 应用程序使用 Bootstrap 框架。响应式设计非常适合我们网站的主要部分，它需要在较小的屏幕上工作。但是，有一个管理部分，响应性既不是必需的（将在桌面上进行管理）又会妨碍（表单/表格需要调整以在较小的尺寸下工作）。

是否有一种简单、可扩展的方法来关闭某些页面的引导响应？

现在，我们有一个包含 @sizing 元素的引导 .css 文件。我可以将boostrap.css 和bootstrap-responsive.css 分开，然后只在需要它的页面上调用响应式。我认为这会起作用，但意味着另一种设置（它是一个 cakePHP 应用程序）。

理想情况下，我想为主体或主容器分配一个类来覆盖响应能力 -- <div class="container non-responsive">

另一个注意事项——在这种情况下，我真的只关心低于 1024 像素的响应能力。它在更大的屏幕尺寸中扩展的方式在管理部分效果很好。

Answer 1

即使是另一种设置，将它们分开也会更容易。当您从他们的主页（http://twitter.github.io/bootstrap/，而不是通过他们的自定义页面或通过 GitHub 项目）下载 Bootstrap 时，它已经将响应式样式分离到一个单独的文件中。

但是，您可以添加自己的样式，这些样式比 Bootstrap 中的每个响应式样式都更具体，并覆盖它们。但它可能会变得很麻烦，因为您基本上必须重复 bootstrap-responsive.css 中的所有内容，并为 Bootstrap 的响应文件指定的每个样式属性手动覆盖。

更好的方法可能是编辑 bootstrap-responsive.css 并在媒体查询中为每个样式添加前缀“.responsive”，并将“responsive”类添加到您希望响应的页面的正文元素中。

希望这会有所帮助。