title: How to add a gradient to the navbar in bootstrap 3 using LESS.js
body: <p>ie looks like: <a href="http://twitterbootstrap3navbars.w3masters.nl/" rel="nofollow">http://twitterbootstrap3navbars.w3masters.nl/</a> but without using raw css, I want to write this into my less files...</p>
  
  <p>In my less.variables I already tried this:</p>
  
  <pre><code>@navbar-gradient:   linear-gradient(top, @navbar-default-pre-color 0%, @navbar-default-pre-color 50%, @navbar-default-pre-color 51%, @navbar-default-pre-color 100%);
  
  @navbar-default-bg:                @navbar-gradient;
  </code></pre>
  
  <p>In chrome the navbar just showed up black, I tried changeing it from background color to: just background, background-image etc (in the chrome developer tools that let you edit the css right on the page).</p>
  
  <p>Any ideas?</p>