Hello, in this bootstrap four video, we're going to cover base nav, nav, our navigational components. So sort of like the navigation bar that you see on the top of your websites that's a form of another. That's what bootstrap calls it. And next we're going to create a base map, it's not going to look anything special, it's going to be the core foundation for building on top of it, which we'll be doing in the videos to come. So to create a base nerf, it's really simple, is create an unordered list. Make sure the unordered list have a class of nav inside it for a list item and the list item.
These a class of nav item and then inside here, you can put whatever you want from text, images, links, that sort of stuff. I'm gonna keep it simple and just put a link box said put wherever you want. And for the href on our website and this also needs to have a class of nap dash link. And inside here, I'm just gonna put some text for the text I'm gonna put home, it's gonna make you sort of look like a navbar in terms of what it says, copy and paste that a few times. There we go. I'm gonna call this direct us.
Contact us, and this one I'm gonna call disabled, because we're going to show you how to disable or have a have like an item that is disabled. So for if you have a hate href you would get rid of that and just put a hash and for the class, you also need a class. for disabled, save that refresh the browser and there you go. If we were to click on home, it takes us to the sonar system website. And with the contact us for click on disabled, it does nothing, simply because we put a hash there and we made it disabled. So like I said, that's the basics for our navigational system.
We'll build it on top of this and further, further videos. If you have any questions, feel free to post them on our education platform, sonar learning code at UK forward slash question dot php, there'll be a link in the description. Plus, there'll be another link in the description to the source code from this video and the source code from every other video in this series. Please rate, comment and subscribe as it doesn't really help us provide more content to you on a regular basis. And as usual, thanks for watching, and I hope you have a great day.