Python for Entrepreneurs Transcripts
Chapter: Web design: CSS Frontend frameworks and Bootstrap
Lecture: Concept: navbars
Login or
purchase this course
to watch this video and the rest of the course contents.
0:03
So let's review the key elements of Bootstrap navigation. At the top we have a nav element, you can also use a div but nav is preferred if possible,
0:14
and we are going to set the class to be navbar and navbar-default, remember that makes it white, you want to use navbar-inverse to make it dark.
0:22
And then, we have a header, that's going to have the brand and the toggle element, and we are going to have the part
0:28
that would be collapsed, which would be all the menu items. Here we actually have two sets of menu items, we have the ones that have the active flag on
0:38
so albums, events and shop, those stick to the left, and then in the upper right we want account and logout.
0:44
Maybe we would make that a single thing with the dropdown, who knows. We do that via navbar-right.