在rails中添加css答案

【问题标题】：Adding css in rails在rails中添加css
【发布时间】：2017-06-06 04:42:52
【问题描述】：

我正在构建一个简单的 Rails 应用程序，并在 application.html.erb 文件中创建了一个 Bootstrap 导航栏。

我意识到当我将任何内容放入 index.html.erb（主页）时，导航栏会阻止内容。所以我要在 'application.html.erb' 中的 'body' 元素中添加一个填充，即通用布局文件。

但是当我将填充添加到“home.scss”时，它不起作用。文件说：

// 将所有与home控制器相关的样式都放在这里。 // 它们将自动包含在 application.css 中。

所以按理说，这种车身风格应该反映在导航栏中，但事实并非如此。我应该在哪里包含通用布局 (application.html.erb) 的样式 css？

另外，对于其他页面（例如 index.html.erb），1) 我如何链接 css 文件（我是否像其他任何 html 文件一样链接）和 2) 我在哪里编辑 css？

我已经浏览了 20 多个资源，但我似乎无法找到一个好的解释。

+ 固定：

我的 css 文件被命名为 'application.scss.css' 。当我将其重命名为“application.css.scss”时，它起作用了。谢谢！

【问题讨论】：

【解决方案1】：

第 1 步。检查了你的 GEmfile。

gem 'bootstrap-sass', '~> 3.3.6'
gem 'sass-rails', '~> 5.0'
bundle install

这个宝石是 Css 和 Bootstrap。第2步。 cd /app/assets/样式表重命名文件 Application.css - To- Application.scss 然后运行你的代码

【讨论】：