如何在轨道上的ruby中添加样式表

Question

我在index.html.erb文件中引用样式表，如下所示

arrayfun

我的文件夹结构为

<%= stylesheet_link_tag "/stylesheets/CSS/External/bootstrap.min.css" %>

和

apps\assests\stylesheets\CSS\Internal

但在页面中，它呈现如下

apps\assests\stylesheets\CSS\External

另外，我发现我的文件渲染了两次附加图像

我收到以下错误

Answer 1

首先，index.html.erb

中不需要这一行

<%= stylesheet_link_tag "/stylesheets/CSS/External/bootstrap.min.css" %>

因为它全局包含在layouts/application.html.erb这样的内容中

<%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>

对于JS

<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>

这将自动从assets文件夹映射。

如果您的文件夹结构如此stylesheets/CSS/External，则会打开您的application.css并添加如下

 *= require CSS/External/bootstrap.min

在*= require_tree .

之后

您可以使用Bootstrap Ruby Gem进行引导样式，它很简单＆amp;基于doc

易于实现

<强>更新

例如，目录为assets/stylesheets/css/external，css文件位于此目录中，如

assets/stylesheets/css/external/
...............................bootstrap.css
...............................other.css

和您的assets/stylesheets/application.css

/*
*= require_tree .
*= require css/external/bootstrap
*= require css/external/other
*= require_self
*/