Bootstrap - 防止iPhone上的垂直堆叠导航栏
问题描述:
在下面的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>
答
发现:
<style type="text/css">
.navbar-nav>li {
float: none;
text-align: center;
display: inline-block;
}
</style>
这将导致你的页面上的其他导航栏不响应太虽然。您应该向导航栏添加一个自定义类名称,并将上述属性作为目标。 –