将Bootstrap组件添加到导航栏

Question

似乎是基本的，但我没有将Bootstrap组件的跨度添加到我的默认导航栏，以便组件很好地适合导航栏 请在此处查看JSFiddle。 是否有任何直接的方法来修复组件如何适应它？

<div class="container">
  <div class="navbar navbar-default">
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li><span class="glyphicon glyphicon-comment" aria-hidden="true"></span></li>
      </ul>

    </div>
  </div>
</div>

Answer 1

将此添加到您的CSS

.navbar-nav li{
  line-height: 50px;
}

检查JsFiddle