Bootstrap 4 : NavBar Items on Right and Other Examples

Move NavBar Items on Right with Bootstrap 4

Since with Bootstrap 4 a lot has changed and many of the functionality will not work the way it used to work with Bootstrap 3. With Bootstrap 3 to move Navbar items on right you had to apply navbar-right class to your ul

Let’s see how you shift navbar items to right with Bootstrap 4

 

This code will produce the following result.

Example of Navbar Items on Right in Bootstrap 4
Example of Navbar Items on Right in Bootstrap 4

 

In version 4, it is easier. Just put a ml-auto class in the ul

More Examples Brewing !!

Leave a Reply

Your email address will not be published. Required fields are marked *

%d bloggers like this: