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

Question

我正在开发一个使用 Bootstrap 作为 Rails (bootstrap-sass) 框架的应用程序。我想做的是添加一个甜美的背景图片，但无论我尝试什么，我似乎都无法覆盖 body 的白色背景。

有人成功过吗？我必须更改或添加什么才能实现这一点？

除了尝试其他的东西，我什至尝试过将正文中的所有内容包装在一个带有 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 会自动查找文件的正确位置，因此您不必提及路径。