from the docs
Navbars may contain bits of text with the help of .navbar-text. This class adjusts vertical alignment and horizontal spacing for strings of text.
i applied the .navbar-text class to my <li>
element, so the result is
<li class="nav-item navbar-text">
this centers the links vertically with respect to my navbar-brand img