相关疑难解决方法(0)

有没有办法增加bootstrap 3导航栏崩溃的点(即,它会折叠成纵向平板电脑上的下拉列表)？

这两个适用于bootstrap 2但现在不适用!

如何使用Twitter bootstrap-responsive来更改导航栏崩溃阈值？

更改默认的响应式导航栏断点

嗨我想在Bootstrap 4中禁用导航栏折叠.如果导航栏占据整个宽度但在导航栏内容器类只允许默认宽度放置内容,那将会很好.

我在bootstrap 4中尝试过这个禁用响应式导航栏,但这不适用于其中的容器.

但那不起作用.

<nav class="navbar navbar-light bg-faded justify-content-between flex-nowrap flex-row">
  <div class="container">
    <a href="/" class="navbar-brand">PIM</a>
    <ul class="nav navbar-nav flex-row">
      <li class="nav-item"><a class="nav-link pr-3" href="">Login</a></li>
      <li class="nav-item"><a class="nav-link" href="">Sign up</a></li>
    </ul>
  </div>
</nav>

看起来像:

但是应该没有换行符.

如果登录将保持对齐并且注册将在导航栏中右对齐,那也很好.

这是关于禁用导航栏响应的 Bootstrap 3文档中的段落:

如果使用导航栏,请撤消所有导航栏折叠和展开行为(这在此处显示太多,因此请查看示例).

我真的无法得到如何禁用响应.此外,从无响应的例子我不能理解更多.有人已经这样做了吗？

我有一个bootstrap导航器,我需要避免在较小的视口上堆叠它,以便它保持水平并且不会堆叠.

这是一个例子

HTML:

<div class="menuBar">
    <ul class="nav nav-justified">
        <li>
            <a href="#" class="menuItem">
                <i class="glyphicon glyphicon-asterisk"></i>
            </a>
        </li>
        <li>
            <a href="#" class="menuItem">
                <i class="glyphicon glyphicon-asterisk"></i>
            </a>
        </li>
        <li>
            <a href="#" class="menuItem">
                <i class="glyphicon glyphicon-asterisk"></i>
            </a>
        </li>
    </ul>
</div>

CSS:

.menuBar ul {
    text-align: justify;
}
.menuBar ul li a {
    display: inline-block;
}
.menuItem {
    font-size: 24px;
}

扩展版:http://jsfiddle.net/m5k93rwo/

最好的方法是什么？我怀疑有些玩数据切换,但不幸的是,我没有足够的经验来确定如何使它运作良好