Roc*_*bot 1 configuration ruby-on-rails-3 twitter-bootstrap
我正在学习Ruby on Rails并试图实现Twitter Bootstrap.我知道如何使用和编辑它,就像我之前使用它一样 - 只是没有轨道.
设置已完成,如下所示:http://ruby.railstutorial.org/chapters/filling-in-the-layout?version = 3.2#sec - custom_css - 当我读到这本书时.
发生以下错误:File to import not found or unreadable: bootstrap.scss.尝试导入时@import "bootstrap".
这是我的gemfile:
source 'https://rubygems.org'
gem 'rails', '3.2.1'
# Bundle edge Rails instead:
# gem 'rails', :git => 'git://github.com/rails/rails.git'
gem 'sqlite3-ruby'
gem 'bootstrap-sass', '~> 2.1.1.0'
# Gems used only for assets and not required
# in production environments by default.
group :assets do
gem 'sass-rails', '~> 3.2.3'
gem 'coffee-rails', '~> 3.2.1'
...
Run Code Online (Sandbox Code Playgroud)
我错了什么?先感谢您!
编辑:
我是否必须安装"指南针"?在检查时,gem server我发现在"bootstrap-sass"下bootstrap-sass 2.1.1.0 [rdoc] [www] - depends on compass, sass-rails.
我只是按照你提供的链接中的说明,使用bootstrap没有问题.我只做了以下步骤:
1)编辑Gemfile,使资产组看起来像:
group :assets do
gem 'sass-rails', '~> 3.2.3'
gem 'coffee-rails', '~> 3.2.1'
gem 'bootstrap-sass', '~> 2.1.1.0'
gem 'uglifier', '>= 1.0.3'
end
Run Code Online (Sandbox Code Playgroud)
2)创建文件app/assets/stylesheets/custom.css.scss并放置以下行:
@import 'bootstrap';
Run Code Online (Sandbox Code Playgroud)
3)生成脚手架:
rails g scaffold posts title:string body:text date:date
Run Code Online (Sandbox Code Playgroud)
4)迁移数据库:
rake db:migrate
Run Code Online (Sandbox Code Playgroud)
5)启动服务器
rails s
Run Code Online (Sandbox Code Playgroud)
6)访问帖子页面
http://localhost:3000/posts
Run Code Online (Sandbox Code Playgroud)
您可以查看生成的css视图:
http://localhost:3001/assets/custom.css
Run Code Online (Sandbox Code Playgroud)
将bootstrap css折叠起来的地方.
| 归档时间: |
|
| 查看次数: |
1866 次 |
| 最近记录: |