title: Bootstrap Navbar custom design
body: <p>I am having some problems with the bootstrap system. I have used it for a while, but it always seems a bit PLAIN. The navbar is just plain one color, or even a bit of gradient. But I wanted to know if I could make my navbar something like this: <a href="http://coinurl.com" rel="nofollow noreferrer">CoinURL - Bitcoins</a> I can't seem to find any thing on the internet explaining how to make it look like there navbar. I just need to have that extra line that it has on top fro the active link.</p>
  
  <p>Thanks in advance.</p>
  
  <p>EDIT: Fixed, this was fixed with the help of: <a href="https://stackoverflow.com/users/1529485/nix">https://stackoverflow.com/users/1529485/nix</a>
  The solution was simple, add this to your CSS Custom design file: </p>
  
  <pre><code>.navbar-fixed-top { border-bottom: 2px solid rgb(11, 166, 240); } .navbar-default .navbar-nav &gt; .active &gt; a { border-top: 3px solid white; } .navbar-default .navbar-nav &gt; .active &gt; li { background: #fff; } 
  </code></pre>