css - Bootstrap - 禁用某些页面上的响应

Question

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

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

现在，我们有一个包含@sizing 元素的 Bootstrap .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”类添加到您确实希望响应的页面的正文元素中。

希望这对您有所帮助。