.navbar-brand with non-anchor element isn't vertically centered
Created by: petetnt
This issue is one issue that can be fixed in two different ways that somewhat make it seem like it's two different issues
If we look at the .navbar-brand on the docs you'll see this pretty vague statement:
The .navbar-brand can be applied to most elements, but an anchor works best
The working best part shows up immediately in the examples below because the h1.navbar-brand element is not vertically aligned:
There are two ways to solve this:
- Always reset and setup the margins paddings etc. for the
.navbar-brand-elements or - Make a mention about the users needing to change the CSS if other elements that
aare being used, sort of like how the v3 version mentions overriding CSS when using images