Hello there thank you very much for watching our videos and taking this course boot is stiff for for beginners and intermediates In this video tutorial I will teach you the Navy nav bar and navigation bar. What is the nav bar and what is the navigation bar how we use it and where we use it nav bar there is can link length and disabled. There you show vertical you can add nav navigation bars, use a cutting the links whatever you want to use the vertical and horizontal are about your projects. Let's see the nav bar. There is a link suppose we start navigation. There start our div class content navigate navigator.
H2 nave, basic horizontal menu. One class nav. I'll highlight class nav item class and a blank reef link, edge to class nav item, class nav link. link here you can link which websites going to open here is can we link anything like video tutorials with this tip you can link it. Let's check it. Video to today's bootstrap disable.
These are nav links you can create according your requirement project requirement. Let's come now The horizontal there is a vertical showing there is a vertical links here show me suppose education there is a website link education, health games now div class container h2 vertical navigations Come on from the browser education health games you can see according your website and what you page links do you have on your projects and come navbar let's play it. Come on one. There is a nav bar, the links news education, health and logo, there is also brand whatever you can See here we come here. And body div class navbar navbar, expanded samal big, dark navbar dark brand logo. They've burnt hairs.
Here the display Image Source bootstrap image. Also that available under folder where all files available is size well 40 pixel, you can increase size and reduce size according to your requirement. You can make it big or small, whatever you want. There is the links, classes, class navbar that class navbar item class navbar link news. Never items, education, never items as you can see, and you can also make others depend on you what you want can make it more On to like here is we see about us, contact us about us contractors which we save it Come on about us contact us education health if you want more of these so they are show you content float. There is a float logo brandy, which you use around here.
It's also explained that and you can change the image of the big hairs Change your you upload which image which logo image do you have on your projects? You can make it here and change here. Name of image and what kind of image do you have? Suppose GIF, JPG PNG file, what kind of files you have, you can name it here. And then if you want to size resize it, suppose we want to resize it 30 pixels. Let's see what happened.
Skin size small, according, if you want to increase it can make it big. Like 50 except now come check it What happened? It's so big 30 sizes, good size for logos 30 bucks just to save a ton 30 and come and see what happened in this video you will learn about how we make nav bar on your website and vertical nav bar. on your website you can design according to your project what kind of new projects have in your responsive websites. If you ever have any questions related to nav bar solutions, how we can make a navbar You can also contact me. I also provide your source code of the complete project.
Thank you very much for taking our course. See you next lecture.