如何解决引导程序未应用于在 cloud9 ide 上开发的 Rails 应用程序？答案

【问题标题】：How to resolve bootstrap not being applied on rails application developed on cloud9 ide?如何解决引导程序未应用于在 cloud9 ide 上开发的 Rails 应用程序？
【发布时间】：2015-05-06 20:08:12
【问题描述】：

我是使用 Ruby on Rails 开发应用程序的初学者，我目前已注册并使用 Cloud9 作为我的开发 IDE。

我顺利地创建了我的第一个 Rails 项目，我正在学习如何创建一个应用引导程序的 Rails 网站的教程。

我已经安装了必要的 gem bootstrap-sass 和 autoprefixer-rails，将我的 application.css 重命名为 application.css.scss，添加了 @import "bootstrap-sprockets" 和 @import "bootstrap"，添加了 //= require bootstrap-sprockets 到 application.js 并添加了导航栏直接从引导主页。

我一直在关注的教程是这个 youtube 教程视频：

https://www.youtube.com/watch?v=v002f5-9hx8

问题是，在保存所有更改后，甚至在重新启动我的 rails 服务器后，似乎从未应用引导程序，我无法让它在我的应用程序中工作。关于这个问题的任何见解都可以帮助我解决它。我一直在尝试搜索谷歌，但似乎这种情况很少见，所以我找不到任何好的信息来解决这个问题。

【问题讨论】：

你运行的是什么版本的 Rails？我相信如果你在 Rails 4.2 上，添加 Bootstrap 应该很容易。
在application.js 中将指令更改为//= require bootstrap。
你可能需要gem 'sass-rails'（我用的是5.0.1版）。不确定它是否会导致问题，但我认为您不应该更改 application.css - 只需将 custom.css.scss 之类的新文件添加到同一文件夹并将两个导入命令放在那里即可。
Ruby && Rails 版本：ruby 2.1.5p273（2014-11-13 修订版 48405）[x86_64-linux] Rails 4.1.6

标签： ruby-on-rails ruby twitter-bootstrap cloud9-ide

【解决方案1】：

您的问题有多种可能性，但是，我们没有足够的信息来提供帮助。有用的信息是：Rails 版本、ruby 版本、快速查看您的 gem 文件等。

在此期间，只需在布局中的 application.html.erb 文件中使用这些 CDN。

CSS：<link rel='stylesheet' href="ttps://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

JS：<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js'></script>

需要明确检查的事项：

Gemfile 语法 (http://bundler.io/gemfile.html)
资产管道的配置文件（application.css/js 文件）是否设置正确。
如果您在任何地方遇到任何简单的语法问题。（我知道，这是多余的。）

【讨论】：