Hello in the studio, I am going to show you how to implement a nap, so what is a nap?
So let's just flick over to the bootstrappers official website, and this essentially allows you to
show some flaw in navigation by system.
So you could have, you know, in here they just cachets and that's what we're going to do.
So they don't go to another page of websites, but they you go to a different page, a different website.
You can make them into a tab system with JavaScript allows you to do stuff I put down in the like this.
So we showed you different content.
So instead of having all the content displayed, which can be overwhelming to the user, you can make
your website look cluttered.
You're going to show a little bit.
And if they want to see the profile of the conflict that you don't want to see contain information,
they can click, that someone's going to show you some basic ones and you can see the rest of it like
this.
For example, using dropdown on the official Bistrot website, which I will provide in the description.
OK, so to implement what you want to do is create an arm for that list and it's going to have a class
of now
have a list item of a class of nav item
class.
And that's an active activity that specifically Starlee in any way on a regular.
Now I've always good to have it to show the one that is active.
Plus it's useful for a different type of nav, like a table one, which will show you in a second one.
OK, so the area.
Danesh current
Ducos page page ref has and stay active, so the first one is active.
OK, so let's copy and paste this and we'll just need a few different changes.
OK, so that we live another thing we don't want active anymore.
You only ever want one active so we can get rid of this as well.
And that's it.
And they just change from the text.
You want it to be so.
Think
so.
And I'll show you one more.
And this will be a disabled one.
So you can't actually selected.
So you put disabled here
because you don't want to be at the top to believe that this is just some housekeeping I want to put
into one and then one safe area.
Does Seybold you?
I don't think so.
Go back.
Refresh.
There we go.
And the obviously we call click down.
They don't do anything at the moment, but they could potentially take you to a different page or website.
Now, let me show you provisioning with the.
NAMS Thoms duplicate today and what you can do is on the item now, so the on the list you can say justify,
justify the content, the center, the bloody photos all the way to the left of the parent container
that is now in the center, which is pretty darn cool.
And only to figure out just look at the website how to do it all the way to the right.
OK, now let me show you a system.
And the term system is pretty simple.
Not only one thing that you got to add the class now, that tops, you know, the beauty of using something
like bootstrap what you set up the initial lesson in this case, A, not to manipulate him, make it
look different at different features.
It's usually just a class or two that you have to add.
So the developers of Bootstrap have a lot of time and effort into making this as easy as possible to
save up, go back refreshed.
There you go.
The more tabloid system and this that looks like the active one is based on this acting class, because
if you were to remove it, you would no longer be active.
So this is one of the knives where the active clusters actually have some style.
And it's good to put that there.
And the area that's current for Paige as well, for any form, whichever one is currently active.
So that is it.
If you have any questions, feel free to call me a message.
And as usual, I look forward to seeing you in the next video.