如何在Ruby on Rails應用程序中更改Index.html的頭部分？

在我的Ruby on Rails應用程序的頭部分中，我只能在瀏覽器中查看源代碼時看到以下CSS和JS文件。如何在Ruby on Rails應用程序中更改Index.html的頭部分？

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

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

我已經加入引導CSS和JS文件到app/assets/stylesheets和app/assets/javascripts，並更改了application.css和application.js文件。但我仍然無法在源代碼中看到這些文件。

來源

2016-07-26 Mitesh Mynee

您可以粘貼的default.js，default.css和application.html.erb的標題代碼？ –

@DivyangHirpara'/ * * 這是一個會被編譯成application.css清單文件，其中將包括下面列出的所有文件 *。 * *此目錄中，LIB /資產/樣式表，供應商/資產/樣式表中的任何CSS和SCSS文件， *或任何插件的供應商/資產/樣式表目錄可以在這裏使用相對路徑來引用。 * *您可以自由應用範圍樣式添加到該文件，他們就會在了' –

@divyangHirpara'底部出現*編譯的文件，這樣的樣式添加在這裏優先於任何其他CSS定義的樣式/ SCSS *文件在此目錄中。應在最後一個require_ *語句後添加此文件中的樣式。 *通常最好爲每個樣式範圍創建一個新文件。 * * =需要引導 * =需要默認 * = require_self * = require_tree。 * /' –

新增<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.min.css">到application.html.erb文件。

感謝@Deepak給我的引線找到一個替代解決我的問題。

來源

2016-07-26 14:40:29

在你application.css以下內容添加到包括文件

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

來源

2016-07-26 12:24:38

已加入： * =需要引導程序 * =需要默認值 * = require_self * = require_tree。 */ –

你需要使用require_tree .或明確

application.css需要這些文件

/* 
*= require self 
*= require_tree . 
*/

application.css

//= require self 
//= require_tree .

可以使用content_for標籤

application.html.haml

%head 
    = yield :head

index.html.haml

= content_for :head do 
    = javascript_include_tag "bootstrap"

來源

2016-07-26 13:01:59

我需要這些文件，其次我使用application.html.erb格式。我必須在該文件中使用content_for嗎？ –

是的，如果你想添加任何其他文件頭，那麼你可以使用它。你也可以在.erb中使用它 –

只是將上面的haml轉換成erb –

如何在Ruby on Rails應用程序中更改Index.html的頭部分？

回答

相關問題