title: Overriding Bootstrap variables without touching Bower
body: <p>How can I override the Bootstrap variables if I don't want to touch the Bower files?</p>
  
  <p>I am using Yo, Grunt, and Bower. For yo, I am using cg-angular.</p>
  
  <p>My app.less looks like this:</p>
  
  <pre><code>@import "bower_components/bootstrap/less/bootstrap.less";
  @import "bower_components/font-awesome/less/font-awesome.less";
  @fa-font-path: "bower_components/font-awesome/fonts";
  ....
  </code></pre>