title: How do I import bootstrap-sass once and use it in several files?
body: <p>In the docs you can read the following:</p>
  
  <p><em>Import Bootstrap into a Sass file (for example, application.css.scss) to get all of Bootstrap's styles, mixins and variables!</em></p>
  
  <pre><code>@import "bootstrap";
  </code></pre>
  
  <p><a href="https://github.com/twbs/bootstrap-sass" rel="noreferrer">https://github.com/twbs/bootstrap-sass</a></p>
  
  <p>I have several scss files. One for every major section of my app (user-page.scss, admin.scsss etc). </p>
  
  <p>I tried making one application.scss and imported bootstrap as in the docs. I added the file in index.html after bootstrap.scss and before all my other scss files.</p>
  
  <pre><code>&lt;link rel="stylesheet" href="bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap-compass.scss" /&gt;
  &lt;link rel="stylesheet" href="styles/application.css"&gt;
  &lt;link rel="stylesheet" href="styles/intro.css"&gt;
  &lt;link rel="stylesheet" href="styles/admmin.css"&gt;
  </code></pre>
  
  <p>I get the following error: </p>
  
  <pre><code>/usr/bin/scss --no-cache --update intro.scss:intro.css
        error intro.scss (Line 22: Undefined mixin 'make-row'.)
  </code></pre>
  
  <p>So it seems it does not find bootstrap. It works if I import bootstrap in each file. Is this the right apporach? I think not. I get problem when I try to manually override a bootstrap variable. </p>
  
  <p>How can I have several scss files and only import bootstrap once?</p>