4

Rails 3.2 アプリに bootstrap-sass gem をインストールしようとしていますが、呼び出すと次のエラーが発生しますcompass install bootstrap。

そのようなフレームワークはありません: 「ブートストラップ」

Gemfile に gem をインストールしました。

gem 'compass', '~> 0.12.2'
group :assets do
  ...
  gem 'sass-rails', '~> 3.2.4'
  gem 'compass-rails', '~> 1.0.3'
  gem 'bootstrap-sass', '~> 2.1.1.0'
end

import ステートメントを application.css.scss ファイルに追加しました。

@import "bootstrap";

application.js にブートストラップが必要です。

//= require jquery
//= require jquery_ujs
//= require bootstrap
...

config.ru ファイルに bootstrap-sass が必要です。

require 'bootstrap-sass'

require ::File.expand_path('../config/environment',  __FILE__)

run MYAPP::Application

問題が何であるか、または同じ問題に遭遇した人はいますか?

これがbootstrap-sassのgitです: https://github.com/thomas-mcdonald/bootstrap-sass.git

4

4 に答える 4

4

bootstrap-sass は十分に文書化されていないため、回避策を作成するのに時間がかかります。コンパスのことは忘れてください。宝石ファイル:

gem 'bootstrap-sass', '~> 2.1.1.0'
gem 'bootswatch-rails'

bootswatch-rails gem を使用すると、テーマをすばやく変更できます

assets/stylessheets で、your_own_sytlesheet.css.scss を作成します

    @import "bootswatch/cerulean/variables";

// Then bootstrap itself
@import "bootstrap";

// Bootstrap body padding for fixed navbar
body { padding-top: 60px; }

// Responsive styles go here in case you want them
@import "bootstrap-responsive";

// And finally bootswatch style itself
@import "bootswatch/cerulean/bootswatch";

// Whatever application styles you have go last
//@import "base";

セルリアンを他の名前に置き換えることで、テーマを簡単に変更できます。

少なくとも今はうまくいきます。

于 2012-11-11T00:14:30.780 に答える
2

理解した...

したがって、インストールを機能させるには、に電話する必要がありましたbundle exec compass install bootstrap。compass install bootstrapこれは、すべての gem を含むバンドルのコンテキストで実行されます。しかし、これはさらにいくつかの問題を引き起こしました。

インストールにより、assets/javascripts ディレクトリにいくつかの新しいブートストラップ JavaScript ファイルが書き込まれました。Rails 3.2 では、これらはアセット パイプラインによって自動的に読み込まれますが、順序が間違っているため、ブラウザー コンソールで、コンストラクターが見つからないというエラー メッセージが表示され、未定義のオブジェクトで「popover」を呼び出していました。掘り下げた後、解決策は、新しく生成されたすべての JavaScript ファイルを削除することでした。これらのファイルは//= require bootstrap、application.js に既に含まれているためです。

于 2012-11-08T21:47:13.167 に答える
0

gem ファイルで、bootstrap gem をアセットの外に置いてみてください。

ソース 'https://rubygems.org'

gem 'rails', '3.2.8'
gem 'bootstrap-sass', '2.1.1'

そして、コマンドを実行します

$ バンドル インストール。

次に、コマンドを使用してブートストラップがインストールされていることを確認します。

$bundle リスト

于 2012-11-08T11:01:48.610 に答える
0

これにはgemは必要ありません。ブートストラップ ライブラリ (scss および js ファイル) をアセットにコピーするだけです。@import 'bootstrap'; の前に、application.css.scss にこれ以上テキストがないことを確認してください。config.ruファイルを編集する必要はありません

ページコードも調べてください。application.css には何が表示されていますか? ApplicationController のコントローラー継承を使用していますか?

于 2012-11-08T10:51:00.933 に答える