Python for Entrepreneurs Transcripts
Chapter: Web design: CSS Frontend frameworks and Bootstrap
Lecture: Introduction to navbars
Login or
purchase this course
to watch this video and the rest of the course contents.
0:03
Users spend a significant part of their time interacting with your navigation bar. It tells them what the site is about, what are their options,
0:12
where can they go, what can they explore, it's super important to have a good navbar. Here you can see the one from Blue / Yellow Rockets Band,
0:19
we'll put this design together in just a little bit. It's also important that this navbar adapt to various screen sizes.
0:27
So this is great on a desktop, but what if it's small, we'd like it to collapse into what is often referred to as a "hamburger menu"
0:34
so these three little lines and that square box are rounded square box. And when we click that box, would like to see it expand out
0:42
and show us the same navigation or very similar navigation here. You'll see that Bootstrap gives us all of this for free, basically.