Bootstrap 4 - 更改断点导航栏？

Question

这个问题已在这里提出,但由于Javascript,这不起作用.因此,在提供的答案中,只更改了CSS而不是JS,这意味着导航栏的内容仍然可见,而切换器则不然.有解决方案吗

编辑:

我的问题是如何更改Bootstrap 4.xx中导航栏的断点

Answer 1

您可以使用navbar-toggleable-*类更改Bootstrap 4导航栏断点.使用hidden-*实用程序类来显示/隐藏切换按钮.

Bootstrap 4 Navbar Breakpoints Demo

Bootstrap 4.0.0的更新

使用navbar-expand-*类在Bootstrap 4中更改导航栏断点更容易.如果排除navbar-expand-*移动菜单,将使用all宽度.这是所有6个导航栏状态的演示:Bootstrap 4 - Navbar Tiers

另请参阅: 更改bootstrap导航栏折叠断点而不使用LESS

Answer 2

Bootstrap 提供了一种使用菜单的简单方法。您可以使用navbar-expand-xl，navbar-expand-lg，navbar-expand-md等根据您的需要。谢谢