CSS file and line number not showing while debugging rails app -


i'm trying integrate bootstrap template on rails 4.2.1 application. when inspect element see it's css file , line number on browser's developers tool supposed show css file , line number shown below: enter image description here

instead showing below: enter image description here

i went through problem , found generating 3 style tags shown below: enter image description here

here's application.html.erb:

<!doctype html> <html> <head>     <meta charset="utf-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <meta name="description" content="">     <meta name="author" content="">   <title>title</title>   <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>   <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>   <%= csrf_meta_tags %>     <!--[if lt ie 9]>         <script src="javascripts/html5shiv.js"></script>         <script src="javascripts/respond.min.js"></script>     <![endif]--> </head> <body>     <%= yield %> </body> </html> 

and application.css

 *  *= require_tree .  *= require_self  */ 

and application.js

// //= require jquery //= require jquery_ujs //= require turbolinks //= require_tree . 

all css , js files included in stylesheets , javascripts folders respectively

does have idea what's wrong here?

this happens when add stylesheets inside <style> </style> tag. might have added style sheets inside of view template. enter image description here

it should have added style link

stylesheet_link_tag "style", media: "all" # => <link href="/assets/style.css" media="all" rel="stylesheet" /> 

Comments