2015-09-19 83 views
0

在下面的Bootstrap 3代码中,导航栏将在iPhone中垂直换行。我如何防止垂直堆叠。我希望它在一行的底部保持水平。Bootstrap - 防止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> 

回答

0

发现:

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

这将导致你的页面上的其他导航栏不响应太虽然。您应该向导航栏添加一个自定义类名称,并将上述属性作为目标。 –