Wie ändere ich den Kopfbereich von Index.html in einer Ruby on Rails App?

Im Kopfbereich meiner Ruby on Rails App kann ich nur die folgende CSS- und JS-Datei sehen, wenn ich den Quellcode im Browser anschaue.Wie ändere ich den Kopfbereich von Index.html in einer Ruby on Rails App?

<link rel="stylesheet" media="all" href="/stylesheets/default.css" data-turbolinks-track="reload" /> 

<script src="/javascripts/default.js" data-turbolinks-track="reload">

Ich habe hinzugefügt Bootstrap CSS und JS-Dateien in das app/assets/stylesheets und app/assets/javascripts und haben die application.css und application.js Dateien geändert. Trotzdem kann ich diese Dateien nicht im Quellcode sehen.

Quelle

2016-07-26 Mitesh Mynee

Können Sie Code von default.js, default.css und header von application.html.erb einfügen? –

@DivyangHirpara '/ * * Dies ist eine Manifest-Datei, die in application.css kompiliert wird, die alle Dateien * * enthält, die unten aufgeführt sind. * * Jede CSS- und SCSS-Datei in diesem Verzeichnis, lib/assets/stylesheets, vendor/assets/stylesheets, * oder das Verzeichnis vendor/assets/stylesheets eines Plugins kann hier mit einem relativen Pfad referenziert werden. * * Sie können dieser Datei anwendungsweite Stile hinzufügen und sie erscheinen am Ende der kompilierten Datei " –

@divyangHirpara' * ", sodass die hier hinzugefügten Stile Vorrang vor den in anderen CSS definierten Stilen haben/SCSS * Dateien in diesem Verzeichnis. Stile in dieser Datei sollten nach der letzten require_ * -Anweisung hinzugefügt werden. * Es ist im Allgemeinen besser, eine neue Datei pro Stilbereich zu erstellen. * * = Bootstrap erforderlich * = Standard erforderlich * = require_self * = require_tree. */' –

Datei <link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.min.css"> zur Datei application.html.erb hinzugefügt.

Danke an @Deepak, dass Sie mir eine Alternative zu meinem Problem gefunden haben.

Quelle

2016-07-26 14:40:29

In Ihrem application.css fügen die folgenden Dateien

*= require bootstrap 
*= require default 
*= require_tree . 
*/

Quelle

2016-07-26 12:24:38

Bereits hinzugefügt: * = Bootstrap erforderlich * = Standard erforderlich * = require_self * = require_tree. */ –

Sie müssen enthalten, um diese Dateien erfordern require_tree . verwenden oder explizit

application.css
```
/* 
*= require self 
*= require_tree . 
*/ 
```
application.css
```
//= require self 
//= require_tree . 
```

Sie content_for Tag

application.html.haml

%head 
    = yield :head

index.html.haml

= content_for :head do 
    = javascript_include_tag "bootstrap"

Quelle

2016-07-26 13:01:59

Ich benötigte diese Dateien und zweitens benutze ich das application.html.erb-Format. Muss ich content_for in dieser Datei verwenden? –

Ja, wenn Sie etwas hinzufügen wollen, um aus einer anderen Datei zu gehen, dann können Sie es verwenden. Und Sie können es auch in .erb verwenden –

konvertieren nur über haml zu erb –

Wie ändere ich den Kopfbereich von Index.html in einer Ruby on Rails App?

Antwort

Verwandte Themen