Bootstrap 5 Transparent Navbar with Full-Screen Image Background

👉 NEW React & Next.js Course: bytegrad.com/courses/professi...
Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). I'll help you master the latest tech here:
👉 NEW React & Next.js Course: bytegrad.com/courses/professi...
👉 Professional JavaScript Course: bytegrad.com/courses/professi...
👉 Professional CSS Course: bytegrad.com/courses/professi...
👉 Discord: all my courses have a private Discord where I actively participate
🔔 Email newsletter (BIG update soon): email.bytegrad.com
0:00 Overview
1:25 Adding background image
3:35 Adding navbar
5:18 Making navbar transparent
#bootstrap5 #bootstrap #bootstrapnavbar #bootstraptutorial #webdevelopment #coding #programming

[@ByteGrad]

Hi, mastering JavaScript is critical if you want to be a modern, professional developer: www.udemy.com/course/professional-javascript-course/?referralCode=0C1D5752923168BC87C2
Also, if you are a front-end developer then mastering CSS (including Flexbox, CSS Grid, etc.) is equally important: www.udemy.com/course/professional-css/?referralCode=4C3C08E82629E6B15752

[@user-eo8wh9vh7e]

I watched multiple tutorials and could not get to a solution on this topic. You made it easy and very clear to be understood. You earned one more subscription to your channel and excited to check more of your videos. Great job !!!

[@andreyfomin7354]

Thank you. The most useful tutorial (among those which I came across) on how to get this done

[@jakubklewicki5925]

Great video, I give it a like and subscribe!

[@zinebtlaiha9573]

That was a very helpful tutorial. Thank you. Keep up the good work :)

[@SunnyKumar-lv1ir]

Awesome bro , thanks for the wonderful tutorial.

[@rupertebohon9580]

Really help what I am working on thank you

[@nathanmedo]

💀you have helped me once again, thanks a bunch

[@digitalwhiz007]

Thanks, working with chakra ui on react. The -1 z-index and position absolute really helped.
Ps: Used a video as background

[@blackroam5606]

Hi, what is the name of the color theme you use in vs code?

[@kcdrh]

This worked for me, except now any content I place on the page shows up immediately below the navbar. How do you tell begin to add content below the image?

[@anadiam]

thanks!

[@briansmith9180]

It doesn't work on videos. It works only on images. Is there anyway to make navbar transparent on videos?

[@3mt033]

It works apart from the fact that my content after the nav is now shown over the top of the image

[@soud6872]

How to fix it?

[@prismb]

I wrote all the code but couldn't see the navbar...what could be wrong?

[@gustavoridguer9160]

When you Inspect the code and select the nabvar, what happens?