Bootstrap 5 Transparent Navbar with Full-Screen Image Background

Поділитися
Вставка
  • Опубліковано 16 лис 2024

КОМЕНТАРІ • 21

  • @ByteGrad
    @ByteGrad  Рік тому +1

    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

  • @NicolasArbeletche
    @NicolasArbeletche Рік тому +3

    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
    @andreyfomin7354 Рік тому +6

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

  • @hedii7761
    @hedii7761 2 місяці тому +1

    Thanks bro! Very simple and easy to understand ❤

  • @iibcaayisharukshana4811
    @iibcaayisharukshana4811 2 місяці тому +1

    Simple , clear , easy ✨️

  • @techtalesvoyage
    @techtalesvoyage Рік тому +1

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

  • @nathanmedo
    @nathanmedo Рік тому +1

    💀you have helped me once again, thanks a bunch

  • @zinebtlaiha9573
    @zinebtlaiha9573 Рік тому +1

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

  • @SunnyKumar-lv1ir
    @SunnyKumar-lv1ir Рік тому +2

    Awesome bro , thanks for the wonderful tutorial.

  • @jakubklewicki5925
    @jakubklewicki5925 6 місяців тому +1

    Great video, I give it a like and subscribe!

  • @rupertebohon9580
    @rupertebohon9580 Рік тому +1

    Really help what I am working on thank you

  • @3mt033
    @3mt033 Рік тому +1

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

  • @kcdrh
    @kcdrh 10 місяців тому

    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?

  • @zehran
    @zehran 5 місяців тому

    I have content below the image, when I give the image postion absolute and take it out of the flow rest of the content comes up (ifywim). The image is treated as it does not exist and so does its space. I end up having a chaotic looking page. I can make an empty div and give it height 100vh or something equivalent to that of the image but that is tedious. Is there no other way?

  • @anadiam
    @anadiam Рік тому +1

    thanks!

  • @briansmith9180
    @briansmith9180 Рік тому +1

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

  • @blackroam5606
    @blackroam5606 Рік тому

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

  • @prismb
    @prismb Рік тому

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

    • @gustavoridguer9160
      @gustavoridguer9160 Рік тому

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