O'Reilly logo

Learning Web Development with React and Bootstrap by Mehul Bhatt, Harmeet Singh

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Navigation

Navigation is a very important element of any static or dynamic page. So now we are going to build a navbar (for navigation) to switch between our pages. It could be placed at the top of our page.

Here is the basic HTML structure of Bootstrap navigation:

<nav className="navbar navbar-default navbar-static-top" role="navigation">     <div className="container">         <div className="navbar-header">             <button type="button" className="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">             <span className="sr-only">Toggle navigation</span>             <span className="icon-bar"></span>             <span className="icon-bar"></span>             <span className="icon-bar"></span>             </button> ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required