BootstrapコンポーネントをNavbarに追加する

Question

Elementaryと思われますが、Bootstrapコンポーネントを含むスパンをデフォルトのNavbarに追加して、コンポーネントがNavbarにうまく収まるようにしました。 ここで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

ブートストラップナビゲーションバーの最小高さは `50px`ので、我々はその項目に同じ高さを与えているされているので、あなたのCSS

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

チェックJsFiddle