RailsアセットパイプラインとTwitterのブートストラップGem

Question

私はbootstrap-rails gemの最新のmasterブランチを使用しており、railsのアセットパイプラインと互換性のある方法でデフォルトのブートストラップ変数を変更しようとしています。

私の宝石のファイルは、これらの宝石は、私も私のapplication.cssファイルに*= require bootstrap_and_overridesを含ま

gem 'twitter-bootstrap-rails', :git => 'git://github.com/seyhunak/twitter-bootstrap-rails.git' 
gem 'uglifier', '>= 1.0.3' 
gem 'less-rails-bootstrap' 

が含まれています。私は、スプロケットが個々のCSSファイルを個別にコンパイルすることを認識しています。したがって、複数のCSSファイルが相互に参照できることは期待できません。したがってbootstrap_and_overrides.css.lessファイルには、次のものが含まれます。

@import "twitter/bootstrap/bootstrap"; 
body { padding-top: 80px; } 

//background-image: asset-url("background.png"); background-repeat:no-repeat; background-size: cover; } 

@import "twitter/bootstrap/responsive"; 

// Set the correct sprite paths 
@iconSpritePath: asset-path('twitter/bootstrap/glyphicons-halflings.png'); 
@iconWhiteSpritePath: asset-path('twitter/bootstrap/glyphicons-halflings-white.png'); 

// Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines) 
@fontAwesomeEotPath: asset-path('fontawesome-webfont.eot'); 
@fontAwesomeWoffPath: asset-path('fontawesome-webfont.woff'); 
@fontAwesomeTtfPath: asset-path('fontawesome-webfont.ttf'); 
@fontAwesomeSvgzPath: asset-path('fontawesome-webfont.svgz'); 
@fontAwesomeSvgPath: asset-path('fontawesome-webfont.svg'); 

// Font Awesome 
@import "fontawesome"; 

// Your custom LESS stylesheets goes here 
// 
// Since bootstrap was imported above you have access to its mixins which 
// you may use and inherit here 
// 
// If you'd like to override bootstrap's own variables, you can do so here as well 
// See http://twitter.github.com/bootstrap/less.html for their names and documentation 
// 
// Example: 
// @linkColor: #ff0000; 

@navbarHeight: 60px; 
@navbarText: @white; 
@textColor: @orange; 
@navbarLinkColor: @white; 
@navbarBackground: darken(@linkColor, 15%); 
@navbarBackgroundHighlight: @linkColor; 

しかし私のオーバーライドのいずれもが、資産パイプラインの下で働くありません。彼らはそれなしで正常に動作します。誰でも知っている理由は？私の場合は

アップデートマイ資産宝石グループ

# 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 'less-rails' 
    # gem 'twitter-bootstrap-rails', :git => 'git://github.com/seyhunak/twitter-bootstrap-rails.git' 
    # See https://github.com/sstephenson/execjs#readme for more supported runtimes 
    gem 'therubyracer', :platform => :ruby 
    gem 'uglifier', '>= 1.0.3' 
end 

Answer 1

は、展開前に上記の私の問題を解決しました。

Answer 2

、資産パイプラインエンジンがリソースを探しディレクトリがない正しくセットアップを持って、正しくコンパイルされていない資産を引き起こします。

私はブートストラップ・サスを使用していますので、状況は異なる場合があります。しかし、私の場合、application.rbに次のコードを追加すると、私の問題が解決しました。ローカルrake assets:precompileを実行

module ApplicationModuleName 
    class Application < Rails::Application 

    config.sass.load_paths = [] 
    config.sass.load_paths << "#{Rails.root}/app/assets/stylesheets" 
    %w(bootstrap-sass jstree-rails jquery-rails).each do |pkg| 
     config.sass.load_paths << "#{Gem.loaded_specs[pkg].full_gem_path}/vendor/assets/stylesheets" 
     config.assets.paths << "#{Gem.loaded_specs[pkg].full_gem_path}/vendor/assets/javascripts" 
    end 
    end 
end 

てみランrails consoleと（醜い）パッチの上に適用する前にload_pathsまたはそのような何かの値をチェックする。..

Answer 3

私は、これは

*= require_tree . 
*= require bootstrap_and_overrides 
*= require_self