Everyone I see in the videos uses the very first nav-bar, I'm just wondering does bootstrap have any other nav-bar at all? Because I can't see in the site also, how can that be?
So how does it work with all the pages do i have to import the same bootstrap into evey html document and how does it work if i add a page, does it update itself?
Great tutorial. Do you know of any multi-level navbars using Bootstrap 5 or any pointers that I can get on how to write one myself? I thought just by putting a drop down within a drop down it would work but it just closes the opened menu on both mobile and desktop. I can find multi-level navbars for Bootstrap 4, but they all use jQuery and I'm trying to get away from that.
Hi, thanks for watching !!!! I have yet to make a video on multi-level navbars on the channel. But I guess you can find the code on Bootstrap 5 website getbootstrap.com/docs/5.0/components/navs-tabs/
@@careerandtechhq Thanks I will do some investigation ... I was using Bootstrap 3 with jquery.smartmenus.bootstrap.js library, but wanted to move away from jQuery My application has multi level dropdowns since Bootstrap just provides a quick framework for a backend database Main Dropdown 1 Dropdown 1 Dropdown 1-1 Dropdown 1-1-1 Item 1-1-1-1 Item 1-1-1-2 Item 1-1-1-3 Dropdown 2 Dropdown 2-1 Dropdown 2-1-1 Item 2-1-1-1 Item 2-1-1-2 Item 2-1-1-3 Will let you know how it goes
I have downloaded this navbar about three times but have never managed to get it looking Horizontal, it is very frustrating. It always comes out vertical, can anybody help please.
Thanks for the tutorial, with the tip from Yasmine dib I solved most things however when you change the link color, that doesn't work for me. Obviously things are changing all the time as the team at Bootstrap update. I am using the latest version, which at the moment is v5.0.0-beta3 and I cannot find any information regarding the way to change the link text colour in the Bootstrap navbar for this version.
Sir can you plz tell me one thing ?? In CSS you import 2 url in first 2 lines, in that what is 1st url ? Actually half part of that url is in un scrolled . plz sir can you reply me that 1st url😊
Thank you, it is very helpful. But what if we need to show “Get a quote” button on a small screen, without clicking the burger button, does anyone have a suggestion for this layout?
I placed the "burger" button on the left and the "quote" button after the "collapse" div. It looks fine, but the "quote" button is moved to the bottom of the menu once it is opened. A button placed before the "collapse" div looks good on a small screen but obviously not ok for a large screen. So I created two buttons - for small and large screens, works fine, but maybe there is a cleaner solution
thankyou this help me solve the problem :) before this, my collapse won't show anything then I realize I didn't read the note bootstrap left in bootstrap 5 to include the js file hahaha :(
You add a bootstrap class ms-auto in the ul tag like Or you can watch this other video I made with an example on how to do that ruclips.net/video/h2jVZ8ans_o/видео.html
Everyone I see in the videos uses the very first nav-bar, I'm just wondering does bootstrap have any other nav-bar at all? Because I can't see in the site also, how can that be?
Th navbar looks great! Thanks for this great informative video👏
Thanks @Transcode for your kind words 🙂
So how does it work with all the pages do i have to import the same bootstrap into evey html document and how does it work if i add a page, does it update itself?
where can I get all the bootstrap code like "ml-auto" or "navbar-expand-lg"? and do you memorize most of the bootstrap code ?
Great tutorial.
Do you know of any multi-level navbars using Bootstrap 5 or any pointers that I can get on how to write one myself?
I thought just by putting a drop down within a drop down it would work but it just closes the opened menu on both mobile and desktop.
I can find multi-level navbars for Bootstrap 4, but they all use jQuery and I'm trying to get away from that.
Hi, thanks for watching !!!!
I have yet to make a video on multi-level navbars on the channel. But I guess you can find the code on Bootstrap 5 website getbootstrap.com/docs/5.0/components/navs-tabs/
Navbar
Home
Link
Dropdown
Action
Another action
Something else here
Disabled
Search
@@careerandtechhq
Thanks
I will do some investigation ...
I was using Bootstrap 3 with jquery.smartmenus.bootstrap.js library, but wanted to move away from jQuery
My application has multi level dropdowns since Bootstrap just provides a quick framework for a backend database
Main Dropdown 1
Dropdown 1
Dropdown 1-1
Dropdown 1-1-1
Item 1-1-1-1
Item 1-1-1-2
Item 1-1-1-3
Dropdown 2
Dropdown 2-1
Dropdown 2-1-1
Item 2-1-1-1
Item 2-1-1-2
Item 2-1-1-3
Will let you know how it goes
Perfect explaind this topic! I am really satisfied to got this info! Thanks 😊!
Thanks for viewing
@@careerandtechhq you are welcome! Thanks for you effort!
a great video, but i have some problem, my nav link font style doesnt change
can you do a tutorial about double navbar(side navbar)
Hello sir. When I'm writing bootstrap navbar code in body, the output is not coming horizontally.. it's not proper. Please tell
Although I wrote the codes in the same way, I could not run them, can you help?
Thanks a lot for the video! It was very helpful!
I have downloaded this navbar about three times but have never managed to get it looking Horizontal, it is very frustrating. It always comes out vertical, can anybody help please.
I tried to make it, and I put exact the same code, except de part of the font-family, but it didn't work:( And yes, I used bootstrap 5.
i cant make it work i dunno what is lacking on mine I just copied the code on bootstrap where did those import shit come from?
Can we have the source code please?
so we can quickly try if this is working.
why is the dropdown menu not working, for bootstrap5?
Thanks for the tutorial, with the tip from Yasmine dib I solved most things however when you change the link color, that doesn't work for me. Obviously things are changing all the time as the team at Bootstrap update. I am using the latest version, which at the moment is v5.0.0-beta3 and I cannot find any information regarding the way to change the link text colour in the Bootstrap navbar for this version.
Solved it, I had left the navbar-light bg-light in the
did you find a solution ??
@@bichiousouheil3156 Yes thanks. As above it was my error
Sir can you plz tell me one thing ?? In CSS you import 2 url in first 2 lines, in that what is 1st url ? Actually half part of that url is in un scrolled . plz sir can you reply me that 1st url😊
Thank you, it is very helpful. But what if we need to show “Get a quote” button on a small screen, without clicking the burger button, does anyone have a suggestion for this layout?
I placed the "burger" button on the left and the "quote" button after the "collapse" div.
It looks fine, but the "quote" button is moved to the bottom of the menu once it is opened.
A button placed before the "collapse" div looks good on a small screen but obviously not ok for a large screen.
So I created two buttons - for small and large screens, works fine, but maybe there is a cleaner solution
thks !!!
did u put the code on github ?
Superb tutorial! Thanks a lot!
Thanks for viewing
You are really badass guy.... Fully badass video 🤬
thankyou this help me solve the problem :) before this, my collapse won't show anything then I realize I didn't read the note bootstrap left in bootstrap 5 to include the js file hahaha :(
It's great that this video has been of help to you :)
ke sini buat tugas kuliah kah .?? wkwk
You were so helpful man
Thanks man !!!!!
Does anyone know why I am unable to change my text color? I have followed the above tutorial but it is still blue?
I am also having the same problem
how can we add logo and please
a size of the logo
Thanks informative video 👍
Thanks @Chris Chatman
Sir, nothing changes showing after using justify-content-between and mr-auto
now its working when i using ms-auto to send rightside. i don't know but this is working
Great video
Thanks for liking it
How can I align the links to the center and searchbar to right?
You add a bootstrap class ms-auto in the ul tag like
Or you can watch this other video I made with an example on how to do that ruclips.net/video/h2jVZ8ans_o/видео.html
@@careerandtechhq great, thank you
how to get the pooper link?
Tremendously helpful
Thanks for watching
I tried an online course on coding but I hard so many difficulties
Thanks for viewing
your video is usefull thank you
Love it! New friend here! Subscribed. Let’s stay connected 🙌❤️👍🔔
Thanks
thanks bro..
div class="collapse navbar-collapse justify-content-between" id="navbarSupportedContent">
does not work with margin left
Instead of ml-auto use ms-auto
margin-left is now margin-start to account for RTL and LTR. ml has changed to ms
@@jevalaggaantamilalagan6111 thanks
Why so many CSS?! Bootstrap can do all of this thins!!!!!
Good job sir but upload code sir
would you like to provide the source code
Hello new supporter from Jillians face book page...
Thanks a lot
Love you😘❤
instead of ml auto use ms auto in bootstrap 5 version
Sir, bootstrap 5 complete tutorials with examples
Hi @KAMAL SAXENA , thanks for reaching out. We will look into that🙂
Can you share source of code
nice
Thanks for watching
source code please
can u put source code plss?
Likeado lince
source code?"
import url ??? in Css code
You can get that on the Google Font website
@@careerandtechhq okay I ll see