Trying To Align Nav Links With Logo In Bootstrap 4

I am having issues with aligning my navigation links with my logo. Currently, my logo is in the center of my navigation and the links for some reason are displaying above my logo r

Solution 1:

try to do

a.nav-item{
    color:#000;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:bold;
    padding:20px;
    vertical-align:center;
}

If that doesn't work, then try adding line-height property to get it to the desired vertical position.