1

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"

ここに私の宝石ファイルがあります:

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'
...

私は何を間違っていますか?前もって感謝します!

編集:

「コンパス」もインストールする必要がありますか?で確認するとgem server、「bootstrap-sass」の下にありますbootstrap-sass 2.1.1.0 [rdoc] [www] - depends on compass, sass-rails.

4

2 に答える 2

5

あなたが提供したリンクの指示に従っただけで、ブートストラップの使用に問題はありませんでした。次の手順のみを実行しました。

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

2) ファイルapp/assets/stylesheets/custom.css.scssを作成し、次の行を配置しました。

@import 'bootstrap';

3) 足場を生成:

rails g scaffold posts title:string body:text date:date

4) データベースを移行しました:

rake db:migrate

5)サーバーを起動しました

rails s

6) 投稿ページにアクセス

http://localhost:3000/posts

生成された css のビューを表示できます。

http://localhost:3001/assets/custom.css

ブートストラップ css が折りたたまれている場所。

于 2012-11-14T11:46:47.767 に答える
3

gem 'bootstrap-sass', '~> 2.1.1.0':assetsグループから外れているはずです。' の下に配置して、もう一度gem 'sqlite3-ruby実行してください。bundle install

于 2012-11-14T11:11:35.310 に答える