为什么我的引导 css 类对我的 index.html.erb 没有任何影响？答案

【问题标题】：why my bootstrap css class didn't have any effect in my index.html.erb?为什么我的引导 css 类对我的 index.html.erb 没有任何影响？
【发布时间】：2014-04-15 09:03:12
【问题描述】：

我想使用 bootstrap 创建一个主页，我将 gem 'bootstrap-sass' 添加到 gemfile 并在我的页面中添加一些组件。但它没有用。所以我卸载了 bootstrap-sass gem。而不是，我下载引导文件，将它们复制到我的不同目录中。但它也没有用。谁能帮我解决这个问题？

【问题讨论】：

标签： javascript css ruby-on-rails ruby twitter-bootstrap

【解决方案1】：

你需要在你的供应商中添加你下载的引导 css 和 js 文件。然后在 application.css 和 application.js 中要求它。

【讨论】：

【解决方案2】：

Rails and Bootstrap 示例应用程序将向您展示如何使用 bootstrap-sass gem 将 Bootstrap 与 Rails 集成。推荐使用 bootstrap-sass gem，因为它适用于 Rails 资产管道。

使用 Bootstrap 设置 Rails 应用程序的最简单方法是使用 Rails Layout gem。方法如下：

在您的 Gemfile 中，添加：

gem 'bootstrap-sass'
group :development do
  gem 'rails_layout'
end

请务必运行“捆绑更新”。 rails_layout gem 提供的生成器将设置 Bootstrap 并添加必要的文件。运行：

$ rails generate layout:install bootstrap3

rails_layout 生成器将重命名文件：

app/assets/stylesheets/application.css

到：

app/assets/stylesheets/application.css.scss

这将允许您在应用程序样式表中使用 Sass 语法。使用 Sass 时，样式表可以使用 CSS 规则的变量、混合和嵌套。

rails_layout 生成器将创建文件：

app/assets/stylesheets/framework_and_overrides.css.scss

并修改文件：

app/assets/javascripts/application.js

gem 将创建或替换四个文件：

app/views/layouts/application.html.erb
app/views/layouts/_messages.html.erb
app/views/layouts/_navigation.html.erb
app/views/layouts/_navigation_links.html.erb

查看Rails and Bootstrap 示例应用程序，了解这些文件如何为 Rails 设置导航栏、flash 消息和应用程序布局。

【讨论】：

它没有用。我很困惑。你能告诉我其他想法吗？
尝试从 repo 克隆 Rails and Bootstrap 示例应用或使用 Rails Composer 创建一个入门应用。