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:
Bootstrap transparent navbar
You can even use like this
.navbar-default {
background: none;
}
or
.navbar {
background: none;
}
You’ll get transparent background.