Question

我正在使用设计构建的rails应用程序，我似乎无法在主页上向我的jumbotron添加背景图像。

图像文件是app / assets / images / background.jpg。

以下是位于app / views / home / index.html.erb

中的主页的html

    <div class="jumbotron">
    <h1>redacted</h1>
    <p class="lead">redacted</p>
    <p>
        <a class="btn btn-lg btn-success" href="users/sign_up" role="button">Sign up today</a>      </p></div>

在app / assets / stylesheets / home.css中我添加了以下代码：

 .jumbotron {
 background: url('../images/background.jpg');
 }

关于为什么背景图像不会渲染的任何帮助都会非常感激！

Answer 1

在Bootstrap样式表之后应用你的css代码。

应用程序/资产/样式表/ bootstrap.min.css 应用程序/资产/样式表/ home.css

看这里Demo

无法将背景图像添加到Jumbotron for Rails App中

1 个答案: