Bootstrap 5 | How to create a Responsive Navbar | Step by Step Tutorial

Поделиться
HTML-код
  • Опубликовано: 8 фев 2025

Комментарии • 73

  • @trentixplay3481
    @trentixplay3481 Год назад +5

    Thanks, was strugling with my navbar for few days until found this video which solved everything! You are the BEST!!!!

  • @abduselam1861
    @abduselam1861 Год назад +4

    Thanks, i didn't understand about nav bar until found this staff thanks very much

    • @CodeJungle
      @CodeJungle  Год назад

      You are welcome 🥰🥰🥰 , check my other videos too.

  • @tanphat533
    @tanphat533 3 месяца назад +1

    Thank you so much for a good tutorial!!! The final result was just so good!!

    • @CodeJungle
      @CodeJungle  3 месяца назад +1

      You are welcome, please check my other videos too

  • @Keerthivanan-x2g
    @Keerthivanan-x2g 5 месяцев назад +1

    13:29 u mentioned position:absolute for hero-section:before, means u dont need to put relative for that?

  • @carlosalvarez3268
    @carlosalvarez3268 10 месяцев назад +2

    Thanks bro :D

    • @CodeJungle
      @CodeJungle  10 месяцев назад +1

      You are welcome, please share the video ❤️❤️❤️

    • @AryanDurge1
      @AryanDurge1 6 месяцев назад

      Can you send your github repo

  • @rasha2586
    @rasha2586 Месяц назад

    everytime am trying to click on one of the links in the menu bar it is not taking me to its correspondent page, why? literally nothing is happening and the href are correct because on larger screen when i click on one of the links it is taking me to its page

  • @carlosalvarez3268
    @carlosalvarez3268 10 месяцев назад +1

    Hey bro i have a question with the nav-links jaja with the option, i try to update to React and yeah its functional but the only issue is the options in the navbar, i dont know if you have to any contact or messagge me, well i need your help jaja

    • @CodeJungle
      @CodeJungle  10 месяцев назад

      You can DM me on my instagram profile instagram.com/code.jungle

  • @nicocastellanos
    @nicocastellanos Месяц назад

    Como puedo hacer que al cambiar de enlace pase a estar active el enlace clickado?

  • @webexperts2856
    @webexperts2856 Год назад +2

    Great tutorial, thank you

    • @CodeJungle
      @CodeJungle  Год назад

      Thank you

    • @AryanDurge1
      @AryanDurge1 6 месяцев назад

      CAN YOU SEND YOUR GITHUB LINK FOR THAT

  • @catorzehyago
    @catorzehyago 11 месяцев назад +1

    unico video que me ajudou, thanks!

    • @CodeJungle
      @CodeJungle  11 месяцев назад

      ❤️❤️❤️

  • @jeilervargas
    @jeilervargas 9 месяцев назад +1

    Hello! excellent video, thanks for sharing it. One question, if I want to replace where it says "logo" by a logo in svg format or other format how could it be done? I try it by replacing the word "Logo" with a to load a logo but at the end the logo is not displayed.

    • @CodeJungle
      @CodeJungle  9 месяцев назад

      Make sure the image url is correct, or send me a dm on instagram

    • @AryanDurge1
      @AryanDurge1 6 месяцев назад

      Can you send your github repo

  • @ปัฐพีวัฒนกุล
    @ปัฐพีวัฒนกุล 11 месяцев назад +3

    css hero-section url no img?

    • @CodeJungle
      @CodeJungle  8 месяцев назад

      The image was available in the root folder, you can enter any image url

  • @rickmaxwell2830
    @rickmaxwell2830 10 месяцев назад +1

    hey hii...i cant use that hamburger icon. it doesn't show me anything. I've checked the code many times but i dont see why its not opening.

    • @CodeJungle
      @CodeJungle  10 месяцев назад

      Check the video from start and check the code carefully, a single typo can also create this issue

    • @rickmaxwell2830
      @rickmaxwell2830 10 месяцев назад

      @@CodeJungle I copy pasted the offcanvas navbar code . It should show the menu right? But it didn't. It didn't touch the code at all. My code uses the exact boost strap version of yours. I don't know if it's the problem of js . But I'm sure that code is just fine.

    • @EcksonGlitho
      @EcksonGlitho 7 месяцев назад

      @@rickmaxwell2830 i have the same issue
      did you finaly found the solution ??

  • @mayanksingh7835
    @mayanksingh7835 Год назад +1

    Good coding skills 👍👍👍

  • @ZareenWahaab
    @ZareenWahaab 8 месяцев назад +1

    please explain how to add image in hero image section?

    • @CodeJungle
      @CodeJungle  8 месяцев назад

      The image was available in the root folder, you can enter any image url

  • @mahrukh6812
    @mahrukh6812 9 месяцев назад +1

    I helps me a lot 🎉❤

    • @CodeJungle
      @CodeJungle  9 месяцев назад +1

      Great, check my other videos too ❤️❤️❤️

  • @PedroHenrique-vt6ud
    @PedroHenrique-vt6ud 4 месяца назад +1

    Ficou muito bom!

    • @CodeJungle
      @CodeJungle  4 месяца назад

      Thank you, check my other video❤️

  • @deelaka-24
    @deelaka-24 7 месяцев назад +1

    Thank you ❤

    • @CodeJungle
      @CodeJungle  7 месяцев назад

      Check my other videos ❤️❤️❤️

  • @SaahityaBaate
    @SaahityaBaate Год назад +1

    Nice tutorial bro

  • @ahmadmurtaza3643
    @ahmadmurtaza3643 Год назад +1

    goood work bro

  • @roydonna
    @roydonna Год назад +1

    from where we can add youtube link ?

    • @CodeJungle
      @CodeJungle  Год назад

      If you want to add social media icons, then you can add the icons instead of the login button or beside the login button.

  • @nachomarengo2276
    @nachomarengo2276 11 месяцев назад

    Excelente!!

  • @ermiasethio
    @ermiasethio 6 месяцев назад

    thanks but can you add dropdown menu

  • @Sigma__Gaming.
    @Sigma__Gaming. 8 месяцев назад +1

    css hero-section url no image add?
    🤔🤔🤔🤔🤔🤔

    • @CodeJungle
      @CodeJungle  8 месяцев назад

      The image was available in the root folder, you can enter any image url

  • @shashikantkatariya7748
    @shashikantkatariya7748 Год назад +1

    Great video

  • @pkj685
    @pkj685 Год назад +4

    Before wali line full width me single hi aa rhi h 😢😢

  • @aviralmishra785
    @aviralmishra785 8 месяцев назад +1

    Thankyou

  • @Anteater23
    @Anteater23 11 месяцев назад +2

    9:45

  • @Anandakaivalya-oz1px
    @Anandakaivalya-oz1px 9 месяцев назад +1

    u r website link please

  • @shubhamavi-cu8mq
    @shubhamavi-cu8mq Год назад +1

    Abe bhai tha se source vagera copy toh kar liye magar kuch dusra add kar rhe he USS web page per toh uska css change nhi ho rha

  • @nickprado8206
    @nickprado8206 6 месяцев назад

    Tkm❤

  • @zaeninjagaming459
    @zaeninjagaming459 9 месяцев назад +1

    Navbar centre nahe ho rahe

    • @CodeJungle
      @CodeJungle  9 месяцев назад

      Check the video again

  • @agustinlinares2009
    @agustinlinares2009 9 месяцев назад +1

    cha gracias mister

    • @CodeJungle
      @CodeJungle  9 месяцев назад

      You are welcome, please check my other videos

  • @techheadquarter4613
    @techheadquarter4613 5 месяцев назад

    Sound name

  • @raghavnaik9398
    @raghavnaik9398 11 месяцев назад +1

    Where is the source code bro

    • @CodeJungle
      @CodeJungle  11 месяцев назад

      Source code available here www.buymeacoffee.com/codejungle/e/187189

    • @raghavnaik9398
      @raghavnaik9398 11 месяцев назад +2

      Its paid or free ?

  • @CodeJungle
    @CodeJungle  Год назад

    💯 Download Source Code ➜ www.buymeacoffee.com/codejungle/e/187189

  • @abdullahberber2538
    @abdullahberber2538 3 месяца назад +1

    thanks

    • @CodeJungle
      @CodeJungle  3 месяца назад

      You are welcome, check my other videos too❤️