Skip to Content
Practical Web Design
book

Practical Web Design

by Philippe Hong
April 2018
Beginner content levelBeginner
368 pages
7h 37m
English
Packt Publishing
Content preview from Practical Web Design

Bootstrap navbar 

The first thing we will create is the Bootstrap navbar. The navbar within Bootstrap is one of the most recognizable features within the Bootstrap framework due to the nature of how it works. So, to provide an example of how it works, if we navigate to the Bootstrap website and then to the Documentation tab, we have all the navigation elements across the top of the screen:

The Bootstrap navigation

If we shrink the browser, we can see how the navigation shrinks as well. Then, when it hits the smaller screen, we get this hamburger menu, which, if we click on it, displays the navigation elements within it:

 
The Bootstrap mobile ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Web Design Playground

Web Design Playground

Paul McFedries
Hello Web Design

Hello Web Design

Tracy Osborn
The Principles of Beautiful Web Design, 4th Edition

The Principles of Beautiful Web Design, 4th Edition

Jason Beaird, Alex Walker, James George

Publisher Resources

ISBN: 9781788395038Supplemental Content