title: Bootstrap Sass with Rails 4
body: <p>I'm trying to use bootstrap-sass (3.1.0.2) and sass-rails (4.0.1) in my rails (4.0.0) project.</p>
  
  <p>My application.css.scss file looks like this:</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 font-awesome
  *= require_tree .
  */ 
  </code></pre>
  
  <p>My bootstrap_and_overrides.css.scss file is in the stylesheets folder and looks like this:</p>
  
  <pre><code>@import "bootstrap";
  </code></pre>
  
  <p>I have a test page set up to try it out with this:</p>
  
  <pre><code>    &lt;div class="container"&gt;
  &lt;h2&gt;test terms&lt;/h2&gt;
  &lt;h1&gt;h1. Bootstrap heading &lt;small&gt;Secondary text&lt;/small&gt;&lt;/h1&gt;
  &lt;p class="bg-primary"&gt;.dfd..&lt;/p&gt;
  &lt;p class="bg-success"&gt;..sdfas.&lt;/p&gt;
  &lt;p class="bg-info"&gt;..sdfs.&lt;/p&gt;
  &lt;p class="bg-warning"&gt;.asdf..&lt;/p&gt;
  &lt;p class="bg-danger"&gt;.adf..&lt;/p&gt;
  &lt;p&gt;test terms&lt;/p&gt;
  
  
  &lt;button type="button" class="btn btn-primary"&gt;Default&lt;/button&gt;
  
  &lt;/div&gt;
  &lt;button type="button" class="btn btn-info"&gt;Info&lt;/button&gt;
  </code></pre>
  
  <p>When I start the server and visit the page, it renders in plain text without the bootstrap styling. </p>
  
  <p>Any ideas on what to do would be appreciated. It seems a few people on here don't use the gems. Is there a reason for this approach?  Thanks very much!</p>