Bootstrap Navigation bar

tutorial and example
tutorial and example

Navigation Bars

In Bootstrap, We can create navigation bar like a navigation header. It is placed at the top of the page. We can collapse or extend it according to screen size.

The <nav class=”navbar navbar-default”> class is used to create a standard navigation bar at the top of the page.

Let us see an example of Bootstrap Navigation Bars:

Try Now

Bootstrap Inverted Navigation Bar

In bootstrap, Inverted navigation bar is used to create background black of the navigation . We have to change .navbar-default class into .navbar-inverse.

Let us see an example of Bootstrap Inverted Navigation Bars:

Try Now

Navigation Bar With Dropdown

We can add dropdown menu with the navigation bars by using its class. The following example will help us how to implement it.

Let us see an example of Bootstrap Navigation Bar With Dropdown:

Try Now

Bootstrap Right-Aligned Navigation Bar

We can align the navigation bar on the right side by using .navbar-right class.

Let us see an example of Bootstrap Right-Aligned Navigation Bar:

Try Now