启动引导模板替换标题图像

Question

我正在使用该站点的源代码来使用 Rails 构建我的网站。

http://blackrockdigital.github.io/startbootstrap-stylish-portfolio/

根据我正在遵循的教程，我应该包含此代码

<link href="https://blackrockdigital.github.io/startbootstrap-stylish-portfolio/css/stylish-portfolio.css" rel="stylesheet">

在views/layouts/application.html.erb 中获取图片，这样就可以了。

我的问题是如何使用自己的图片而不是将其从网络上拉下来？

-----已编辑-----

@sajan 我照你说的做了，像这样更改了 css 标头

.header {
display: table;
position: relative;
width: 100%;
height: 100%;
background: url(../assets/images/img/bg.jpg) no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}

但图片不会显示。知道我还有什么可能做错吗？

Answer 1

这只是一个 css 文件，用于设置某些特定 css 类的样式，具体取决于您从该站点关注的内容，您可能需要他们的样式表来获取特定样式，因此如果您不想每次都将其从网上拉下来，您可以将其保存在本地并将其包含在 Rails 应用程序中。

只需通过访问该链接保存 css 并将其放入您的 app/assets/stylesheets 即可完成。但是如果他们将来更新css，您将不会获得任何更新，您必须手动下载并更新您的本地副本。

根据讨论，如果您有sass，那么您可以使用background: image-url('practice.png'); 使背景图像正常工作。

这里是铁路指南document