css - Bootstrap 在纯 html 和 rails 中有不同的行为

Question

我使用 Bootstrap 网格创建了一个网页。 正如预期的那样，当我用浏览器打开它时，这个页面呈现得非常完美。 bootstrap 中的容器比屏幕还小，一切都很完美。

但是，如果我在 Rails 中呈现与 application.html.erb 布局完全相同的页面，它总是会向浏览器发送此消息:@media(最小宽度:1200 像素)。这使我的页面变得比屏幕大一点。其余的都很好。 Bootstrap 有效，但容器宽度太大!在普通页面中是960px，完美!

为什么？

我不希望这样的事情发生!这真的很奇怪。我读了一些帖子，人们说这件事发生在他们身上，但我将两个页面并排放置，并且“检查元素”在 rails 页面的“行”类的 css 中显示@media(最小宽度:1200px)并且其他什么都没有!

我完全不愿意破解 bootstrap css。我只想弄清楚发生了什么并修复它!我真的很想将它用作样式表而不是 gem...

提前致谢!

附言: 在 rails 中，我复制了/assets/stylesheets/目录中的 bootstrap 文件夹

Answer 1

如何在文件“bootstrap and overrides.css.less”(或任何其他文件)中添加您自己的样式？ 在我自己的 CSS 中，我有这个:

.container {
    width: 960px;
}

问题就解决了。 :)