title: Navbar color Twitter Bootstrap Rails
body: <p>Here is a <a href="https://github.com/m4ttclendenen/ecommerce-rails" rel="nofollow" title="Github Link">Link to Source Code</a> on GitHub</p>
  
  <ul>
  <li>I forked a project in order to learn some rails and such</li>
  <li>However, I am having trouble with the simple task of changing the color of the NavBar</li>
  <li>It seems that my changes to <code>bootstrap_and_overrides.css.less</code> have no effect</li>
  </ul>
  
  <p><strong>I have tried several approaches . . .</strong></p>
  
  <pre><code>...
  .....
  ....... app/assets/stylesheets/bootstrap_and_overrides.css.less
  ...........
  .............
  
  
  // Your custom LESS stylesheets goes here
  //
  // Since bootstrap was imported above you have access to its mixins which
  // you may use and inherit here
  //
  // If you'd like to override bootstrap's own variables, you can do so here as well
  // See http://twitter.github.com/bootstrap/customize.html#variables for their names and documentation
  //
  // Example:
  // @linkColor: #036747;
  
  
  .navbar {
      background-color: #A4C8EC;
      background-image: none;
  }
  </code></pre>
  
  <p><strong>Approach # 2</strong></p>
  
  <pre><code>...
  .....
  .......
  ...........
  
  .navbar-inverse .navbar-inner {
      background-color: #FFFFFFF;
      border-color: #252525;
  }
  </code></pre>
  
  <p><strong>Approach # 3</strong></p>
  
  <pre><code>...
  .....
  .......
  ...........
  
  @navbarBackground: #ffffff;
  </code></pre>
  
  <p><strong>Thoughts</strong></p>
  
  <ul>
  <li>I'm sure i'm using bootstrap or the less variables in the wrong way.</li>
  <li>If you need more of the source code, it's at GitHub -- link at top of
  the page.</li>
  </ul>
  
  <p>Thanks</p>