使用 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 (No route matches [GET] "/assets/images/cityscape.jpg"): /编辑

谢谢！

Answer 1

最近也有类似的讨论，问题是background-image 奇怪地不适用于bootstrap。试试：

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

请注意，asset-pipeline 的工作是查找文件的正确位置，因此您不必提及路径。

Answer 2

如果您的cityscape.png 在assets/images/ 目录中，请使用以下内容：

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

要使用您的原始来源，您必须将 /images/ 从您的 image-url 中删除为：

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