2016-08-24 12 views
0

私は、ブートストラップの詳細を理解するために、twitter bootstrap basicsについてスクリーンキャストに従っていますが、何らかの理由でローカルホストに行ったとき、私のアプリケーションはスタイリングをしません。Twitterのブートストラップがレール上で動作していない

私はgithub repo https://github.com/seyhunak/twitter-bootstrap-railsの手順も試しました。

this SO postの指示に従っていますが、*= require bootstrap_and_overridesという行を追加したときにはFileNotFoundというエラーが表示されます。

rails g scaffold Product name price:decimal --skip-stylesheets 
rake db:migrate 
# added gem 'twitter-bootstrap-rails', :git => 'git://github.com/seyhunak/twitter-bootstrap-rails.git' on gemfile (I have also tried just gem 'twitter-bootstrap-rails' 
bundle install 
rails g bootstrap:install 

私は資産をチェックし、それが必要な資産を持っています。ここ

はRailsの新しいアプリbootstrap_practice後、私がやったことです。

スタイルシート(application.css)

* 
*= require_tree . 
*= require_self 
*/ 

JS:

//= require jquery 
//= require jquery_ujs 
//= require twitter/bootstrap 
//= require turbolinks 
//= require_tree . 

最後に、私のapplication.html.erbは

<%= csrf_meta_tags %> 
<%= stylesheet_link_tag "application", :media => "all" %> 
<%= javascript_include_tag "application" %> 

私はそれが必要なものがすべてであるかなり確信しています。ローカルホスト上のアプリケーションがスタイル付けされていないのはなぜですか?

+0

「https:// github.com/twbs/bootstrap-sass」は、私にとって素晴らしい作品です。 – liborza

+0

「twitter-bootstrap-rails」の違いは何ですか? 'gem vs' bootstrap-sass' gem?彼らは本質的に同じこと(スタイリング)をしていますが、元の宝石は "非公式"の宝石ですか? – Iggy

+1

違いは、SASSを使用する公式の宝石ですが、あなたはLESSを使用しています。 [SASS vs LESS](http://www.zingdesign.com/less-vs-sass-its-time-to-switch-to-sass/) – liborza

答えて

0

railscastsがリリースされて以来、公式のSASSレポがリリースされました。 (Railsは箱SASSと出てきます。)

https://github.com/twbs/bootstrap-sass

seyhunakによってレポがあまりにtherubyracerを必要とする、LESSで維持されています。

+0

私はちょうどLESSともう一つのSASSがあることに気付きました。差? – Iggy

+0

これらは両方ともCSSプリプロセッサです。それらは変数やミックスインのようなCSSに多くの機能を追加します。 SASS gemを使用すると、SASSのスタイルをオーバーライドしてブートストラップをカスタマイズできますが、LESS宝石はLESSで同じことを行います。カスタマイズのために定義されたすべてのブートストラップ変数にアクセスできます。個人的には、私はSASSのファンです。 – codyeatworld

1

私はtwitter-bootstrapを多くの方法でRailsで使いました。お気に入りはbh gemです。 Bootstrap Helpers on github。

# Gemfile 
gem 'bh' 

# application.html.erb 
<%= stylesheet_link_tag bootstrap_css %> 
<%= stylesheet_link_tag font_awesome_css %> 
<%= javascript_include_tag bootstrap_js %> 

すべてのアセットはCDNを介して配信されます。

+0

入力いただきありがとうございます!私はbh-gemをチェックします! – Iggy

関連する問題