2016-08-24 4 views
0

I Screencasts twitter bootstrap basics folgenden bin zu versuchen, mehr zu verstehen Bootstrap, aber aus irgendeinem Grunde, wenn ich gehe zu localhost, hat mein App kein Styling.Twitter Bootstrap arbeitet nicht auf Schienen

Ich habe die Schritte von GitHub Repo https://github.com/seyhunak/twitter-bootstrap-rails auch versucht.

Ich habe auch Anweisungen von this SO post gefolgt, aber wenn ich die Zeile *= require bootstrap_and_overrides hinzugefügt, zeigt es FileNotFound Fehler.

Hier ist, was ich tat, nachdem Rails neuen App bootstrap_practice:

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 

I Vermögenswerte geprüft und es verfügt über die notwendigen Vermögenswerte.

Stylesheets (application.css)

* 
*= require_tree . 
*= require_self 
*/ 

JS:

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

Schließlich mein application.html.erb hat

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

ich mir ziemlich sicher bin, dass alles, was nötig ist . Warum ist meine Anwendung auf localhost nicht gestylt?

+0

Ich bevorzuge Originalsteine ​​von YouTubern: 'https: // github.com/tbbs/bootstrap-sass' es hat super für mich funktioniert .. – liborza

+0

Super grundlegende Frage, aber was ist der Unterschied zwischen Twitter-Bootstrap-Schienen 'gem vs' bootstrap-sass' Juwel? Tun sie im Wesentlichen dasselbe (Styling), aber ist das ehemalige Juwel "inoffizielles" Juwel? – Iggy

+1

Der Unterschied ist das offizielle Juwel mit SASS, aber Ihr mit LESS. [SASS vs weniger] (http://www.zingdesign.com/less-vs-sass-its-time-to-switch-to-sass/) – liborza

Antwort

0

Ein offizielles SASS Repo veröffentlicht wurde, da die Railscasts veröffentlicht wurden. (Rails kommt mit SASS aus der Box.)

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

die repo durch seyhunak in weniger gehalten, was zu therubyracer erfordert.

+0

Ich habe gerade bemerkt, dass ein LESS und SASS einen anderen hat, was ist das Unterschied? – Iggy

+0

Sie sind beide CSS-Präprozessoren. Sie fügen CSS wie Variablen und Mixins viele Funktionen hinzu. Wenn Sie das SASS-Juwel verwenden, können Sie den Bootstrap anpassen, indem Sie die Stile in SASS überschreiben, während das Juwel LESS in LESS dasselbe tut. Sie erhalten Zugriff auf alle definierten Bootstrap-Variablen für die Anpassung. Ich persönlich bin ein Fan von SASS. – codyeatworld

1

So habe ich verwendet twitter-Bootstrap eine Vielzahl von Möglichkeiten in Rails, und meinem Favoriten mit dem bh Juwel. Bootstrap Helpers auf github.

# Gemfile 
gem 'bh' 

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

Alle Vermögenswerte werden über das CDN geliefert.

+0

Danke für die Eingabe! Ich werde Bh-Juwel auschecken! – Iggy

Verwandte Themen