Bootstrap 5 | How to create a Responsive Navbar | Step by Step Tutorial
HTML-код
- Опубликовано: 6 июн 2024
- Learn how to make a responsive navbar using HTML CSS And Bootstrap 5 in a step-by-step tutorial for beginners.
In this video, you will learn to create a navbar using Bootstrap 5. We will make a responsive navbar with HTML CSS and Bootstrap 5.
💯 Download Source Code ➜ www.buymeacoffee.com/codejung...
Bootstrap 5 | Personal Portfolio Website using HTML, CSS, JavaScript & Bootstrap 5
• Bootstrap 5 | Personal...
Bootstrap 5 | Complete Login Page using HTML, CSS & Bootstrap 5 | Step by Step Tutorial • Bootstrap 5 | Responsi...
Stylish Animated Login and Registration Form Using HTML CSS • Animated Login Form an...
How to Create a Calculator Using HTML CSS JS • JavaScript Project | C...
Create an Animated On Off Toggle Switch Button in CSS | Step by Step Tutorial • CSS Toggle Button | On...
Responsive Login Form Using HTML & CSS - Step-by-Step Tutorial • Responsive Login Form ...
🔔 Subscribe Now! / @codejungle
Support me ➜ www.buymeacoffee.com/codejungle/
navbar bootstrap 5, responsive navbar HTML CSS, navbar using bootstrap, navbar with bootstrap 5, responsive navbar with bootstrap 5, responsive navbar in HTML CSS bootstrap 5, navbar using html CSS, responsive navbar, navbar html CSS, navbar in bootstrap 5, ASMR programming, navbar bootstrap 5, responsive navbar HTML CSS, navbar using bootstrap, navbar with bootstrap 5, responsive navbar with bootstrap 5, responsive navbar in HTML CSS bootstrap 5, navbar using html CSS, bootstrap navbar, bootstrap 5 tutorial, build a responsive navbar with bootstrap 5, simple navbar, how to create navbar in html and CSS, how to create navigation bar in html and CSS, simple navigation bar html CSS, how to make navigation bar in html and CSS, simple navbar html CSS, js tutorial, navbar js, responsive navbar js, bootstrap js, navbar responsive, HTML CSS projects, HTML project for practice, bootstrap project
0:00 Introduction
1:02 Starting HTML
1:13 Adding Bootstrap
1:57 Adding Navbar
2:22 Customising Navbar
5:05 Adding CSS
11:42 Adding Hero Section
16:10 Final Result
17:05 Thanks for watching
Code Jungle
-------------------------------------------------------------------
#navbar #bootstrap5 #navbarhtmlcss #htmltutorial #responsivewebsite #a_devs_life #website #WebDevelopment
-------------------------------------------------------------------
Disclaimer video is for educational purposes only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational, or personal use tips the balance in favor of fair use.
Thanks, was strugling with my navbar for few days until found this video which solved everything! You are the BEST!!!!
❤️❤️❤️😁
Thanks, i didn't understand about nav bar until found this staff thanks very much
You are welcome 🥰🥰🥰 , check my other videos too.
💯 Download Source Code ➜ www.buymeacoffee.com/codejungle/e/187189
@@EAEEOEA please try again
@@EAEEOEAwhat’s the error?
Great tutorial, thank you
Thank you
Good coding skills 👍👍👍
Thanks
Nice tutorial bro
Thank you
Great video
Thank you
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.
Make sure the image url is correct, or send me a dm on instagram
Excelente!!
Thank you
Thanks bro :D
You are welcome, please share the video ❤️❤️❤️
unico video que me ajudou, thanks!
❤️❤️❤️
I helps me a lot 🎉❤
Great, check my other videos too ❤️❤️❤️
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
You can DM me on my instagram profile instagram.com/code.jungle
please explain how to add image in hero image section?
The image was available in the root folder, you can enter any image url
goood work bro
Thank you, check my other videos ❤️❤️❤️
@@CodeJungle sure
from where we can add youtube link ?
If you want to add social media icons, then you can add the icons instead of the login button or beside the login button.
css hero-section url no img?
The image was available in the root folder, you can enter any image url
css hero-section url no image add?
🤔🤔🤔🤔🤔🤔
The image was available in the root folder, you can enter any image url
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.
Check the video from start and check the code carefully, a single typo can also create this issue
@@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.
9:45
Before wali line full width me single hi aa rhi h 😢😢
Check the video again
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
Bhai browser cache hoga
cha gracias mister
You are welcome, please check my other videos
u r website link please
bylancer.com
Navbar centre nahe ho rahe
Check the video again
Where is the source code bro
Source code available here www.buymeacoffee.com/codejungle/e/187189
Its paid or free ?