0

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

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

为什么？

我不希望这种事情发生！这真的很奇怪。我读了一些帖子，人们说它发生在他们身上，但我有两个页面并排，“检查元素”在 rails 页面的“row”类的 css 中显示 @media (min-width: 1200px) 和其他什么都没有！

我完全不愿意破解引导 css。我只是想弄清楚发生了什么并解决它！我真的很想将它用作样式表而不是宝石......

提前非常感谢！

PS： 在 Rails 中，我将 bootstrap 文件夹复制到了 /assets/stylesheets/ 目录中

4

2 回答 2

1

在文件'bootstrap_and_overrides.css.less'（或您拥有的任何其他）中添加您自己的样式怎么样？在我自己的 CSS 中，我有这个：

.container {
    width: 960px;
}

问题就解决了。:)

于 2012-11-19T04:53:16.693 回答
1

也许我关于 Bootstrap 和 Rails 的问题的答案可以为您提供一些见解：

如何单独访问引导文件

如何在 Rails 中传递引导变量

于 2012-11-19T12:12:12.287 回答