title: Ruby on rails: stylesheet in assets doesn't works
body: <p>I have always been in trouble with my assets pipeline, even after reading <a href="http://guides.rubyonrails.org/asset_pipeline.html" rel="nofollow">http://guides.rubyonrails.org/asset_pipeline.html</a> I still run into trouble.</p>
  
  <p>My css doesn't render when I load my page in development, it looks like the css is not taken into account, because if i put this css into <code>&lt;script&gt;&lt;/script&gt;</code> in the header of my page <strong>home.html.erb</strong> it works perfectly.</p>
  
  <p>I have this stylesheet in <strong>app/assets/stylesheets/bootstrap.css.scss</strong></p>
  
  <p><strong>bootstrap.css.scss</strong></p>
  
  <pre><code>/* BOOSTRAP CSS */
  /* /BOOSTRAP CSS */
  
  .form-group {
    width: 250px;
    font-size: 10px;
    opacity: 1;
   } 
  
  
  .panel {
      width:300px;
      margin-left: auto;
      margin-right: auto;
      opacity: 0.8;
      z-index: 10000;
  
  }
  
  .btn-default {
      border: 1px solid #28c3ab;
      color: #1abc9c;
      background-color: #f1c40f;
  }
  
  
  
  
  .jumbotron {
      background-color:#ecf0f1;
      color:#1abc9c;
  } 
  
  .btn-default {
      color: #1abc9c;
      background-color: #f1c40f;
  }
  
  .btn-default:hover,
  .btn-default:focus {
      border: 1px solid #28c3ab;
      outline: 0;
      color: #1abc9c;
      background-color: #3498db;
  }
  
  
  .btn-primary {
      border: 1px solid #28c3ab;
      color: #f1c40f;
      background-color: #1abc9c;
  }
  
  .btn-primary:hover,
  .btn-default:focus {
      border: 1px solid #28c3ab;
      outline: 0;
      color: #f1c40f;
      background-color: #3498db;
  }
  </code></pre>
  
  <p>Here is my application.css in app/assets/stylesheets/application.css</p>
  
  <pre><code>/*
   * This is a manifest file that'll be compiled into **application.css**, which will include all the files
   * listed below.
   *
   * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
   * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
   *
   * You're free to add application-wide styles to this file and they'll appear at the top of the
   * compiled file, but it's generally better to create a new file per style scope.
   *
   *= require_self
   *= require 'masonry/transitions'
   *= require_tree
   *= require font-awesome 
   *= require bootstrap
   *= require magnific-popup
   */
  </code></pre>
  
  <p>I am not sure about what's going wrong, I tried to precompile the assets, still not working, what could I be missing? </p>
  
  <p>I have the link to my stylesheets in my layouts, <em>app/views/layouts/application.html.erb</em></p>
  
  <pre><code>    &lt;%= stylesheet_link_tag "application", media: "all" %&gt;
      &lt;%= javascript_include_tag "application" %&gt;
      &lt;%= csrf_meta_tags %&gt;
  </code></pre>