使用Bootstrap时,将背景图像添加到Rails应用程序

Question

我正在使用Bootstrap作为Rails(bootstrap-sass)框架的应用程序.我想要做的是添加一个甜蜜的背景图像,但无论我尝试什么,我似乎无法覆盖身体的白色背景.

有人有这个成功吗？我需要更改或添加什么来实现这一目标？

除了尝试其他的东西,我甚至尝试用id包装div中的所有内容,然后在自定义css.scss文件中调用该类,我已经成功定制了Bootstrap的其他方面.

我使用id添加的代码:

html body #bgimage {
  background-image: image-url('/images/cityscape.jpg');
}

编辑:我刚刚检查了开发本地服务器中的错误,我有:ActionController :: RoutingError(没有路由匹配[GET]"/assets/images/cityscape.jpg"):/编辑

谢谢!

Answer 1

最近有一个类似的讨论,问题是background-image奇怪的是不适用bootstrap.尝试:

html body #bgimage {
    background: url('cityscape.jpg');
}

请注意,asset-pipeline它可以帮助您找到文件的正确位置,因此您不必提及路径.