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
Antwort
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.
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 –
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\
Welche Layout angeordnet werden sollte verwenden Sie? (nach app/views/layouts suchen) normalerweise ist es application.html.erb – siegy22