title: Change navbar bg color using bootstrap sass variables
body: <p>Is <code>$navbar-default-bg</code> used anywhere?
  I changed its value and I don't see any change in navbar background color.</p>
  
  <p>Also, I did </p>
  
  <pre><code>$ grep -nr "navbar-default-bg" .
  ./sass/_bootstrap-variables.scss:342:$navbar-default-bg:                #ff0000;
  ./sass/_bootstrap-variables.scss:343:// $navbar-default-border:            darken($navbar-default-bg, 6.5%)
  ./sass/_bootstrap-variables.scss:350:// $navbar-default-link-active-bg:            darken($navbar-default-bg, 6.5%)
  </code></pre>
  
  <p>So, where is this variable used? Or how can I change the navbar bg color?</p>
  
  <p>My file structure is: </p>
  
  <pre><code>$ tree
  .
  ├── config.rb
  ├── fonts
  │   └── bootstrap
  │       ├── glyphicons-halflings-regular.eot
  │       ├── glyphicons-halflings-regular.svg
  │       ├── glyphicons-halflings-regular.ttf
  │       └── glyphicons-halflings-regular.woff
  ├── javascripts
  │   ├── bootstrap
  │   │   ├── affix.js
  │   │   ├── alert.js
  │   │   ├── button.js
  │   │   ├── carousel.js
  │   │   ├── collapse.js
  │   │   ├── dropdown.js
  │   │   ├── modal.js
  │   │   ├── popover.js
  │   │   ├── scrollspy.js
  │   │   ├── tab.js
  │   │   ├── tooltip.js
  │   │   └── transition.js
  │   ├── bootstrap.js
  │   └── bootstrap-sprockets.js
  ├── sass
  │   ├── _bootstrap-variables.scss
  │   └── styles.scss
  └── stylesheets
      └── styles.css
  </code></pre>