Bootstrap - 防止iPhone上的垂直堆疊導航欄

Question

在下面的Bootstrap 3代碼中，導航欄將在iPhone中垂直換行。我如何防止垂直堆疊。我希望它在一行的底部保持水平。

<div class="navbar navbar-default navbar-fixed-bottom"> 
    <div class="navbar-header"> 
     <a class="navbar-brand" href="#">Ny Title</a> 
    </div> 
    <ul class="nav navbar-nav"> 
     <li> 123 </li> 
     <li> 123 </li> 
    </ul> 
</div> 

Answer 1

發現：

<style type="text/css"> 
    .navbar-nav>li { 
    float: none; 
    text-align: center; 
    display: inline-block; 
} 
</style>