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'm not sure how recent an addition this is, but in Bootstrap v4.5, you simply need to add the bg-transparent classname to your navbar's class attribute, like so:

<nav class="navbar navbar-expand-lg navbar-light bg-transparent">

Here's Bootstrap's documentation on color utility classes: https://getbootstrap.com/docs/4.5/utilities/colors/#background-color