我使用引导网格创建了一个网页。
只需使用浏览器打开该页面,就可以按预期完美呈现。
引导程序中的容器小于屏幕,一切都很完美。
但是,如果我在rails中呈现与application.html.erb布局完全相同的页面,它将始终将此消息发送到浏览器:@media(最小宽度:1200px)。这使我的页面变得比屏幕大。其余的很好。引导程序有效,但是容器宽度太大!在普通页面中为960px,非常完美!
为什么?
我不希望发生这种情况!真的很奇怪我读了一些帖子,人们说这是发生在他们身上的,但是我并排放置了两个页面,“检查元素”在rails页面的“ row”类的css中显示@media(最小宽度:1200px),并且没有其他!
我完全不愿意破解引导CSS。我只想弄清楚发生了什么并解决它!我真的很想将其用作样式表而不是宝石...
非常感谢!
附言:
在rails中,我将bootstrap文件夹复制到了/ assets / stylesheets /目录中
最佳答案
如何在文件“ bootstrap and overlays.css.less”(或您拥有的其他文件)中添加自己的样式?
在我自己的CSS中,我有以下内容:
.container {
width: 960px;
}
问题就解决了。 :)
关于css - Bootstrap在纯HTML和Rails中具有不同的行为,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/13445033/