Bootstrap transparent navbar

Question

I'm trying to make the navbar transparent kinda like this. But I can't seem to get it to work. I've added rga(0,0,0,0.5) on the navbar class.

Answer 1

I just figured it out. For anyone who needs this in the future. I added a CSS override that was:

.navbar.transparent.navbar-inverse .navbar-inner {
   background: rgba(0,0,0,0.4);
}

And my html syntax looks like:

<div class="navbar transparent navbar-inverse navbar-fixed-top">
   <nav class="navbar-inner">
   ...
   </div>
</div>