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

Question

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

Answer 1

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

因此，负责显示“普通”导航栏(即中型到大型视口(viewport)的导航栏)的 CSS 代码环绕在 @media (min-width: 768px) 周围。这意味着一旦您的视口(viewport)低于该值，元素就会恢复到其原始设计，即小视口(viewport)设计。

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

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