Bootstrap 5 Transparent Navbar with Full-Screen Image Background

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

КОМЕНТАРІ • 23

  • @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 4 місяці тому +1

    Thanks bro! Very simple and easy to understand ❤

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

    Simple , clear , easy ✨️

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

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

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

    Great video, I give it a like and subscribe!

  • @HollyNicholson-t7y
    @HollyNicholson-t7y Місяць тому +1

    Thank you!!!

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

    Awesome bro , thanks for the wonderful tutorial.

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

    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?

  • @miladdaniel6287
    @miladdaniel6287 5 днів тому +1

    Thank you.

  • @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

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

    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?

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

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

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

    Really help what I am working on thank you

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

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

    • @rahathasan5971
      @rahathasan5971 6 місяців тому

      Same i also want it can u helpme

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

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

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

    thanks!

  • @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?