Bootstrap - 更改断点导航栏? [英] Bootstrap - Change breakpoint navbar?

问题描述

这个问题已经在这里问过了，但由于 Javascript，这不起作用.因此，在提供的答案中，仅更改了 CSS 而未更改 JS，这意味着导航栏的内容仍然可见，而切换器不可见.有什么解决办法吗?

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

解决方案

Bootstrap 5.0

Bootstrap 5 仍然使用 navbar-expand* 类来确定 Navbar 的折叠断点.现在有一个额外的 navbar-expand-xxl 类.

Bootstrap 5 - 导航栏层

引导程序 4.0.0

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

另见:在不使用 LESS 的情况下更改引导导航栏折叠断点

This question was already asked here but this don't work because of the Javascript. So in the provided answer only the CSS was changed but not the JS, which means the content of the nav bar is still visible while the toggler is not. Any solution?

Edit:

My question is how to change the breakpoint of the nav bar in Bootstrap 4.xx

解决方案

Bootstrap 5.0

Bootstrap 5 still uses the navbar-expand* classes to determine the Navbar's collapse breakpoint. There is now an additional navbar-expand-xxl class.

Bootstrap 5 - Navbar Tiers

Bootstrap 4.0.0

Changing the navbar breakpoint is easier in Bootstrap 4 using the navbar-expand-* classes. If you exclude navbar-expand-* the mobile menu will be used at all widths. Here's a demo of all 6 navbar states: Bootstrap 4 - Navbar Tiers

Also see: Change bootstrap navbar collapse breakpoint without using LESS

这篇关于Bootstrap - 更改断点导航栏?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！