2016-07-29 16 views
0

Ich möchte eine statische Seite als Zielseite für die Schienen App stylen. Die statische Seite stammt von StaticPagesController. Aber das Problem ist, wenn ich die Klasse in der statischen Seite (home.html.erb) hinzufügen und in der application.css das Styling hinzufügen, verwendet es nicht die Stile. Irgendwelche Vorschläge?So stylen Sie eine statische Seite in Schienen 4 App

+0

Welche Layout angeordnet werden sollte verwenden Sie? (nach app/views/layouts suchen) normalerweise ist es application.html.erb – siegy22

Antwort

0

Benennen Sie die application.css in application.scss um, denn für Schienen 4 ist es besser, mit .scss Erweiterung zu arbeiten.

Dann schreiben Sie nicht Ihren Code direkt in Ihrer application.scss Datei ist, eine wirklich schlechte Praxis.

Importieren Sie Ihre .scss Dateien (ohne die Erweiterung) Zum Beispiel:

*= require_tree . 
= require rails_bootstrap_forms 
*= require_self 
*/ 

@import "yourfilename"; 

Wenn Sie .sass Erweiterung verwenden, dann müssen Sie diese Zeile in Ihrer config/application.rb Datei enthalten:

config.sass.preferred_syntax = :sass 

Dies ist weil rails standardmäßig .css oder .scss extension statt .sass extension verwendet.

Wenn Sie den Inhalt des application.scss gelöscht haben Sie es wiederherzustellen.

+0

Ja, eigentlich ist wie ein Muss. Anwendung nimmt jede einzelne Stylesheets. Aber Ihr Problem ist anders. Sie verwenden die Erweiterung .sass. In Ihrer application.rb Datei diese Zeile hinzu: config.sass.preferred_syntax =: sass Rails standardmäßig CSS verwenden oder .scss nicht .sass Erweiterung –

0

Dies sollte die Datei sein. \app\views\layouts\application.html.erb

Sie können Link zu Ihrer Sheet im Kopfbereich hinzufügen.

oder

Sie Ihre benutzerdefinierte CSS-Datei in application.css Datei @include kann, die bei \app\assets\stylesheets\