6

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

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

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

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

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

4

1 回答 1

5

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

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

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

希望这可以帮助。

于 2013-06-12T14:40:01.120 回答