【问题标题】:Bootstrap - Preventing Navbar from vertical stacking on iPhoneBootstrap - 防止导航栏在 iPhone 上垂直堆叠
【发布时间】:2015-09-20 07:14:33
【问题描述】:

在下面的 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>

【问题讨论】:

    标签: html ios css iphone twitter-bootstrap-3


    【解决方案1】:

    找到了:

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

    【讨论】:

    • 这将导致您页面上的其他导航栏也没有响应。您应该将自定义类名称添加到导航栏并将上述属性定位到该名称。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-08-04
    • 2018-04-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-03-16
    相关资源
    最近更新 更多