1

既存のプロジェクトにインストールしようとしています Twitter Bootstrap

これに続いて、私はそれをやろうとしまし:

group :assets do
  gem 'bootstrap-sass-rails'
end

そして私はそれを得ました:

Bundler could not find compatible versions for gem "actionpack":
  In Gemfile:
    bootstrap-sass-rails (>= 0) java depends on
      actionpack (~> 3.1.0) java

    rails (= 2.3.14) java depends on
      actionpack (2.3.14)

Bundler could not find compatible versions for gem "rails":
  In Gemfile:
    bootstrap-sass-rails (>= 0) java depends on
      rails (~> 3.1.3) java

    rails (2.3.14)

rails -v を実行すると、rails 3.2.12 が取得されます。だから、ドキュメントに従って、私はこれを試しました

gem install bootstrap-sass-rails

gem が正常にインストールされたと言われましたが、アプリ フォルダーに新しいファイルが表示されません。ところで、これを私のスタイルシートの1つに追加しようとしました

**/*
 *= require twitter/bootstrap
 */
**

しかし、私のレイアウトではブートストラップ css が呼び出されていないようです。誰か助けてくれませんか?これは Bootstrap をインストールする正しい方法ですか?

更新:gemファイルにgem "rails"、"2.3.14"があることに気付きました

4

3 に答える 3

3

Rails 3の場合:

ブートストラップとfontawesomeがインストールされています。これが私のGemfileです:

source 'https://rubygems.org'

gem 'rails', '3.2.12'

# ...

# jQuery
gem 'jquery-rails'

# Twitter Bootstrap
gem 'bootstrap-sass'
gem 'font-awesome-sass-rails'

# Gems used only for assets and not required
# in production environments by default.
group :assets do
  gem 'sass-rails'
end

ご覧のとおり、ブートストラップには別のgemを使用しています。Gemfileを編集した後、入力するだけですbundle(またはbundle update必要な場合もあります)


これは私のapplication.css.scss(app / Assets / stylesheets /の下)です:

@import "bootstrap";
@import "font-awesome";
body { padding-top: 60px; }
@import "bootstrap-responsive";

そしてapplication.js(app / Assets / javascripts /の下):

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require_tree .
于 2013-03-02T14:15:57.353 に答える
2

「 http://railscasts.com/episodes/328-twitter-bootstrap-basics 」に続いて問題が発生しました。「2013 年 2 月 6 日更新 : セットアップこのエピソード以降、twitter-bootstrap-rails のプロセスが変更されました。セットアップ方法の詳細については、README を確認してください。"

だから私はhttps://github.com/seyhunak/twitter-bootstrap-railsに従って、次のインストール手順を実行しました。

  1. 新しい Rails 3.2.x アプリを作成します
    (rvm ファンの場合は、rvm で作業します)
    rails new Store


  2. Gemfileを 編集し、次のように編集 します
    。, :git => ' https://github.com/seyhunak/twitter-bootstrap-rails.git '




  3. バンドルのインストールを実行

  4. ブートストラップレスをインストールします。レールはブートストラップを生成します:インストールレス

  5. ブートストラップ静的をインストールし、
    レールがブートストラップを生成します:静的をインストールします

  6. 次の行を「bootstrap_and_overrides.less」、
    @import「twitter/bootstrap/reset.less」にコピーして貼り付けます。
    @import "twitter/bootstrap/variables.less";
    @import "twitter/bootstrap/mixins.less";
    @import "twitter/bootstrap/scaffolding.less";
    @import "twitter/bootstrap/grid.less";
    @import "twitter/bootstrap/layouts.less";
    @import "twitter/bootstrap/type.less";
    @import "twitter/bootstrap/forms.less";
    @import "twitter/bootstrap/wells.less";
    @import "twitter/bootstrap/component-animations.less";
    @import "twitter/bootstrap/buttons.less";
    @import "twitter/bootstrap/close.less";

    @import "twitter/bootstrap/navbar.less";
    @import "twitter/bootstrap/labels-badges.less";
    @import "twitter/bootstrap/hero-unit.less";
    @import "twitter/bootstrap/utilities.less";
    @import "twitter/bootstrap/responsive";

  7. 固定または流動的なレイアウトを選択して生成します。

  8. モデルを生成します。
    rails g scaffold 製品名 price:decimal --skip-stylesheets
    rake db:migrate
    rails g bootstrap:themed Products -f

  9. WEBrick、
    rails sを使用して開発モードで実行する

それが誰かを助けることを願っています!

于 2013-03-09T02:26:15.157 に答える
0

私はレールの物好きではありませんが...あなたは通り抜けましたか

http://railsapps.github.com/twitter-bootstrap-rails.html

http://www.opinionatedprogrammer.com/2011/11/twitter-bootstrap-on-rails/

http://blog.robertosoares.me/blog/2012/08/17/integrating-twitter-bootstrap-with-ruby-on-rails/

かなりきれいに見えました!

于 2013-03-02T14:15:13.433 に答える