如何使用 twitter-bootstrap-rails gem 禁用部分 Twitter Bootstrap 响应式设计？答案

【问题标题】：How do I disable a portion of Twitter Bootstrap responsive design using twitter-bootstrap-rails gem?如何使用 twitter-bootstrap-rails gem 禁用部分 Twitter Bootstrap 响应式设计？
【发布时间】：2013-02-07 04:34:46
【问题描述】：

我目前正在构建一个 Ruby on Rails 应用程序，我正在使用 twitter-bootstrap-rails gem 并已开始使用 @media css 调用对响应式布局进行大量修改。但是，为了保持特定类型的格式，我想禁用large desktop @media (min-width 1200px)。我了解如何通过正常的 Twitter Bootstrap 流程来执行此操作，但更愿意维护 twitter-bootstrap-rails gem。

如果有什么可以指导我将哪个文件添加到我的assets/stylesheets 或如何修改@ call，我将不胜感激！

我正在寻找最干净的方法来执行此操作，因此当我升级 gem 时它不会影响其他文件。谢谢！

【问题讨论】：

在 boostrap_and_overrides.css 文件中覆盖这些怎么样？安装引导程序时是否为您生成了一个？

标签： ruby-on-rails twitter-bootstrap responsive-design

【解决方案1】：

我假设您的布局将包含在一个容器流体中，并且您有一些用于站点特定样式的最终级 css。

把它放在你最底层的css中怎么样

/*
* container
*/
.container-fluid {
  max-width: 1200px;
}

将最大宽度设置为您想要的最大尺寸，不要费心使用引导程序。

【讨论】：