It's just we can start to see the things that the doosra is doing everything that we can in so far.
Scary more exciting than just a great bar so far.
So let's go ahead and do something that is going to start to show what some of these classes are doing
here and what I want to do is critique do they open and close that just so I don't forget them and give
us a class of container and this is very common across who strap is create content or space basically
a holding cell.
My information is going to go into homes.
It will get ahead of myself there container.
And then within there we want to create a link because this is going to be our logo.
This is going to be the logos always link back to the home page.
So when we go ahead just make that a trip tag equal some placeholder in there right now that I'm going
to give this one a classic.
And again this is a bootstrap class of the nav bar where you got a lot in here a now our brand.
So it's going to be my logo with the nav bar.
And they could just as easily put an image in here as opposed to putting this text in here Brooke from
this instance.
I'm going to go ahead and just make it text.
Whoops.
Trackballs call that name here.
All right.
So let's go ahead and save that and commom back toward that.
Now I'm going to hit refresh and you can see I've got the nav bar appear just got a little bit taller
to fit my logo.
My little weight on the dark background.
It could just as easily come back and show you background light at refashioning see if it turns white.
If that was the case maybe it might change my bar to be light as well which would make my font turn
dark.
So it's kind of easy to remember if you have a background that is light to go ahead just go ahead and
say nav bar light.
But in this case stick with dark
dash work remembering that bag just makes a little bit easier see as this expands out and does different
things in here.
All right.
So I have added a container here to hold my all my information going across the top here.
Next thing that I want to do it's one and a button and this is going to be my toggle or for the response.
Then one other each HTML5 class ring I call the button there.
And within them button are going to create the class.
All those
that are told you'd see that a lot here you have bar taqueria.
We have to find that now because it's the button we have to give it some other attributes as well.
What say what is this type this is going to be Loeb's equals foughten.
And I have to say data
on equals or telling it to collapse what it needs to to turn into that little hamburger menu that will
expand and I'll say Dedo targeted.
Now this is actually something that we will make up and I'm going to say
we have our product right now of bar responsive.
Now again we have to tell it to target something specific when I click on it.
What is it's going after so going to say when to create this idea as an NAV bar response if I'm up plie
that ID to the area that I want to make it collapse or expand or see here
own controls and calls
are
just like we just typed up their
And we're saying by default we're going to keep that expand the new balls do not expand that by default
here.
And erm what type of label is this.
This is a long time ago navigation.
All right.
So we've got that information there so far.
This is helping build our responsive menu here.
And if it come back to my browser and hit refresh your you can actually see that there is a little button
up there that will be our hamburger mobile navigation right there so in the next video we're in a command
or an ad the actual links in there and you'll see the difference between what to look like on desktop
and how to look Volvo.