我想使用bootstrap创建一个主页面,我添加gem' bootstrap-sass'进入gemfile并在我的页面中添加一些组件。但它没有用。 所以我卸载bootstrap-sass gem。 而不是,我下载bootstrap文件,将它们复制到我的不同目录。但它也没有用。谁可以帮我解决这个问题?
答案 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消息和应用程序布局。