2016-12-01 92 views
0

似乎很基本,但我未能將帶有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> 

回答

1

添加到你的CSS

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

檢查JsFiddle

+0

因爲引導導航欄最小高度爲'50px'因此我們給予同樣的高度,它的項目。 – Khurram