Html 引导标题导航栏高度菜单项

我来找你是因为我正在用引导导航条解决设计问题

我制作了一个带有不同菜单的固定顶部导航栏，一个在右边，一个在左边。 当用户将链接悬停时，我的CSS代码将链接的背景变成灰色。但是我注意到我的菜单项没有相同的高度，所以当我的指针悬停在较小的项目上时，新颜色不会填充标题栏的整个高度。 这是一些帮助您的屏幕截图：

还有我的标题栏的代码：

<div class="container-fluid header-bar">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="index.html">Admin Page</a>
  </div>
  <!-- /.navbar-header -->
  <ul class="nav navbar-nav navbar-left">
    <li>
      <a href class=" profile_image" >
        <img src="../../../images/user.png" class="img-circle" alt="profile-pic"> {{vm.account.name}}
      </a>
    </li>
  </ul>
  <ul class="nav navbar-nav navbar-right">
    <li class="dropdown" uib-dropdown="">
      <a href class="dropdown-toggle lang_selector" uib-dropdown-toggle="">
        <span class="flag-sm flag-sm-{{vm.defaultLang.flag}}"></span><span class="lang_desc">{{vm.defaultLang.text}}</span> <span class="caret"></span>
      </a>
      <ul class="dropdown-menu" role="menu" uib-dropdown-menu="">
        <li ng-repeat="lang in vm.langs"><a href class="lang_selector" ng-click="vm.defaultLang = lang"><span class="flag-sm flag-sm-{{lang.flag}}"></span><span class="lang_desc">{{lang.text}}</span></a></li>
      </ul>
    </li>
    <li>
      <a href="" ng-click="vm.logout()">
        <md-icon class="li-icon-black material-icons" aria-label="logout">exit_to_app</md-icon>
      </a>
    </li>
  </ul>
</div>

---

我知道有一个关于填充的故事，但我尝试了一切，但我无法修复它。我绝望了！所以我需要你的帮助

您好，请删除此css我希望您能找到解决方案

.lang_selector > span {
 vertical-align: middle; 
    }

---

嗨，删除这个css我希望你有你的解决方案

.lang_selector > span {
 vertical-align: middle; 
    }

---

嗨，你也能给我们看看你的CSS吗？实际上我们需要你的CSS来确定。但在我看来，这似乎是一个

行高问题，而不是填充问题。在任何地方都将行高设置为与栏的高度（或您想要的高度）相同，这可能就是问题所在。您可以在两个链接上使用相同的行高、高度和填充值。如果这不起作用，尝试在它们上面使用overflow:hidden。除了设置品牌容器的宽度，CSS使用的是引导默认样式表！但是我会用我做的几个CSS编辑我的问题！嗨，你也能给我们看看你的CSS吗？实际上我们需要你的CSS来确定。但在我看来，这似乎是一个
行高问题，而不是填充问题。在任何地方都将行高设置为与栏的高度（或您想要的高度）相同，这可能就是问题所在。您可以在两个链接上使用相同的行高、高度和填充值。如果这不起作用，尝试在它们上面使用overflow:hidden。除了设置品牌容器的宽度，CSS使用的是引导默认样式表！但是我会用我做的几个CSS编辑我的问题！