为什么我的bootstrap css类在我的index.html.erb中没有任何影响?

时间:2014-04-15 09:03:12

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

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

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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消息和应用程序布局。