Question

我一直在搜索，但仍然没有找到类似的东西。如果将navbar-collapse替换为navbar，我会看到外观，就好像您已切换节目折叠菜单项按钮一样。我还发现了如何减少导航栏折叠的断点的问题，但这不是我需要的。我需要的是一般删除可折叠菜单。有什么想法吗？

Answer 1

由于响应式设计的工作方式，Bootstrap显示折叠元素： CSS代码是为最小的视口编写的，然后使用媒体查询，逐步增强设计以渲染每个特定视口的元素。

因此，负责显示“普通”导航栏（即中型到大型视口的导航栏）的CSS代码被@media (min-width: 768px)包裹。这意味着只要您的视口低于该值，元素就会恢复到原始设计，即小视口设计。

如果您不想按this question中的建议更改断点，则还有其他一些解决方案：

使用non-responsive Bootstrap library
通过研究Bootstrap中的无响应者并复制相关代码来创建自己的导航栏。

Answer 2

您可以将导航栏链接放在navbar-header中，然后添加一些CSS来覆盖Bootstrap默认值。

.navbar-nav {
    margin:0;
}
.navbar-nav>li {
    float:none;
    display:inline-block;
}
.navbar-nav>li>a {
  padding-top: 15px;
  padding-bottom: 15px;
}

演示：http://www.bootply.com/118426

替代（显示滚动条而不是换行）：http://www.bootply.com/118304

Answer 3

我遇到了这个问题，我刚刚解决了这个问题

这将撤消崩溃

/* Undo the collapsing navbar */
.navbar-collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    visibility: visible !important;
}
.navbar-toggle {
    display: none;
}
.navbar-collapse {
    border-top: 0;
}

如何使Bootstrap 3导航栏不可折叠

3 个答案: