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

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

1 个答案: