title: what should application.scss look like when using bootstrap-sass ruby on rails
body: <p>when using <a href="https://github.com/twbs/bootstrap-sass#a-ruby-on-rails" rel="nofollow noreferrer">bootstrap-sass</a> the documentation says to:</p>
  
  <blockquote>
    <p>remove all the *= require_self and *= require_tree . statements from
    the sass file. Instead, use @import to import Sass files.</p>
  </blockquote>
  
  <p>my current application.scss looks like </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 any plugin's vendor/assets/stylesheets directory 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 bottom of the
   * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
   * files in this directory. Styles in this file should be added after the last require_* statement.
   * It is generally better to create a new file per style scope.
   *
  
   */
  @import "bootstrap-sprockets";
  @import "bootstrap";
  @import "*";
  </code></pre>
  
  <p>the problem is if I want to override bootstrap styles i have to use !important and i cant access bootstrap mixins and variables</p>
  
  <p>so what should application.scss look like when using bootstrap-sass</p>