Why Bootstrap Navbar-brand Is Not On The Right Spot

I have the regular bootstrap navbar. The problem is that the item navbar-brand is higher than the rest of the items in the navbar. It does not make any sense. It does not happen on

Solution 1:

The reason for the different alignment might be because you have a css property or properties that override your bootstrap css.

Check your custom css file and remove anything that has .navbar-header or .navbar-brand on it and see if that helps.