title: How to Implement Sass into Underscores Theme with Bootstrap for Wordpress?
body: <p>I was able to create a Wordpress theme that I am working on, using my local machine. The issue I am having is incorporating Sass into the Underscores Starter theme, with Twitter Bootstrap's Sass and Wordpress.</p>
  
  <p>I was creating the fixed-top bootstrap navigational bar. I managed to add the proper code to include WP_Walker_Nav in my functions.php file, but this is what my navigation looked like <a href="http://s25.postimg.org/7rm8l8w0f/Bootstrap_Nav_Screenshot.png" rel="nofollow" title="Bootstrap Nav Screenshot">My Bootstrap Nav</a>.</p>
  
  <p>The content is too close to the fixed-top navigation and I wasn't able to control the body tag styles to provide padding of at least 60px from the top.</p>
  
  <p>I was wondering if someone can guide me in the direction on how to incorporate Twitter Bootstrap's Sass and Font-Awesome's Sass into Underscore's Wordpress theme.</p>
  
  <p>I'm struggling with the proper workflow. For my Wordpress default style.css, all I would do is put</p>
  
  <pre><code>    @import url("css/style.css");
  </code></pre>
  
  <p>underneath Wordpress Stylesheet default comments.</p>
  
  <p>I have a folder labeled sass (for all my scss files) and a folder css (for all my compiled css). In my style.scss, I import bootstrap and font-awesome's sass files, and I create a separate scss file (main.scss) to use for my custom styling, but nothing works when I create a variable in my main.scss file.</p>
  
  <p>I would set my style.scss file like this:</p>
  
  <pre><code>    @import 'main';
      @import 'bootstrap-sass';
      @import 'font-awesome';
  </code></pre>
  
  <p>For example:</p>
  
  <pre><code>    $padding10: 10px;
      body {
           padding-top: ($padding10 * 6)
      }
  </code></pre>
  
  <p>nothing happens when I set up my body tag. Please tell me what I am doing wrong, any help is appreciated. Thank you!</p>