Welcome to the park or building navigation in this video I would start building the navigation for this
with each.
Will be using the navigation bar component from the step get step and
you can see this navigation bar this navigation bar has a lot of things like God don't like says.
On what we don't need this I wouldn't have ignition but it's very simple.
So these are the pluses and elements of what navigation bar from Bootstrap let me copy it.
And
this be in the header section.
And 60 right after the element to this end the comments for each post.
It is a lot of unnecessary elements like Kasota square leg there power
let me move the unnecessary
elements
in the first element is NERV be needed.
The last number and nav bar D-CT And we also want to add a nav bar fixed talk lot of menu will be fixed
at the dock and out of control.
It is not cool.
It is on the container
team.
EC as Burton we also need it.
Q
To say the target is you're also building in a too.
So I'll keep it
in the branch section.
Could conclude some skills so you can understand that
I was in vendor properly
working in the branch section.
We have a small sized logo like normal size.
Well
this is a good resource we will walk now because
we don't have this.
You can check it first.
This is a no one minute me copy and paste it in site images.
I think we missed it in the beginning more in the content.
So we need this small size
global Akeem
and our cortex the green logo all came when cowrote and aggressive we all knew this an ordered list.
The rest of
elements you don't need these or can.
So you need a collapse never collapse with ID.
It is so now.
So there are collapse Desch one last will never collapse but this one.
And inside that you have an everywhere and never bought and and that should move towards quad concrete
right aligned.
And I think we also don't need these elements school you just me.
We only need a list item inside know where we need
the host element is
just home.
And you also need to move these.
And we also need to add a clause.
Could this and that element with gloss or not.
This is a gloss from the Borsa I read a copy and paste it several times.
And the second is about code is features.
And then we have screen section and then down here.
And the last one is on DECT.
So you will have these menu items at the top.
Now what fixed
but it's also an IDS like that header like
on
there just at home here.
So we're going to as you click on the home it would be usable D'Ken to them an element
her head.
We have a bulk or just an idea all about
and then just add.
Who features section
features and also screens
screens and also cool down your
going Lord.
And at the last oh so cool contact
on that.
And we also have a quarter in there is a scorecard.
I will add a column could this and it is more required in Navy for the self-sown on Deacon kuda element
and it will be a Boag
and it can be.
Lucas and the Silvius means and this will be gone long.
And this last one really working novae how a net element inside an element.
We have a container inside the container and we have two important things.
The one is now bar header and it contains a button and a brand.
The brand we have a smaller logo and the burden is for the responsively O'Quinn the screen size is small.
Then this menu will become a burden of Eicken bus.
So second important is collapsed network collapse and the main menu with home about feature screens
contact the Lord and content and did corresponding IDs.
This is the view of in the home anchored there will be click.
It will be deep into the home ID and with a bulky BT and it will be taken pood about ID and the same
being for the of the feature screens don't want and contact them to see that is there.
At this stage in a browser
working we have menu.
Get this smaller Will this is this model or will you say is it these Iken bars you see and you're just
also working fine.
You even I have not I did this see a street like it really take you to the boat section and dig through
the features section and you create this screen section down load and content.
Everything looks fine.
And at the bottom we have this bird on the critique who could have a section there.
As some see to this now.
I will the navigation in the header section near the head Dosey assists like here.
Can I have a net or deepwater.
Assisted disport need to send them back.
I'm good on color
constipated
border
color all
for an exit index.
Cool.
One one time.
This is some causation.
Cool.
All one second
on
here while we have the big apparent and there is an edgy transition because we will need
some change at that point.
Well Qiam William Carver ocker Derby Niku
see assist could and could.
Elements are each inserted in their board test before we have another bar.
Last night an awkward inside the images list item is.
And then it is in Egypt.
Ankerberg
where
not production.
My coordination or this one corporation and in site day.
We had this ankers
this good sign is used for the immediate element like in the nav bar.
This is a good list item.
These are all images list items.
There deserves to this.
This should Bheem D5 be wife behave.
Said the family
lived in and said if and lives are so transitioned to the anchor that.
An artist.
The hope and focus stayed
shouldn't be in one go 9 CEF theme and on the focus team
copy and paste it
should be
I think this from
we have a nav bar.
Brandon let me copy this close.
This also need this see and save some bedding for you to name Picasso and 15:3
the
U.S. Our State
game.
We now have this ASUS.
We're out writing this year has come the good stuff.
OK moving forward.
We also have a nap or bar brand and say that every small image there's some transition could do solve
some
and
it's looking fine.
Kim
it to said some more complex SS like for the nav bar before nav bar.
It can compete on any mistake and don't allow me to do Ankerberg.
And so I need the state for this all active
Hokus
to see the background
color for dad.
It should be transparent
and the colors should be one cool name.
See if the
key is the Ektelon
the menubar is taking the shape of
almost looking fine.
Really need some custom Javascript.
So I me continue and the next thing you'll see the next video.