如何在Ruby on Rails应用程序中更改Index.html的头部？

Question

In the head section of my Ruby on Rails app I am only able to see the following CSS and JS file when I view the source code in browser.

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

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

I have added bootstrap CSS and JS files to the app/assets/stylesheets and app/assets/javascripts and have changed the application.css and application.js files. Still I am not able to see those files in source code.

Answer 1

1. You need to require those files using require_tree . or explicitly

   application.css

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

   application.css

    //= require self //= require_tree . 

2. you can use content_for tag

   application.html.haml

    %head = yield :head 

   index.html.haml

    = content_for :head do = javascript_include_tag "bootstrap" 

Answer 2

In your application.css add the following to include your files

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

Answer 3

Added <link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.min.css"> to the application.html.erb file.

Thanks to @Deepak for giving me a lead to find an alternate solution to my problem.