在不使用LESS的情况下更改引导导航栏崩溃断点

小编典典

css

当前，当浏览器宽度降至768px以下时，导航栏将变为折叠模式。我想将此宽度更改为1000px，所以当浏览器低于1000px时，导航栏将变为折叠模式。我想在不使用LESS的情况下执行此操作，而是在使用手写笔而不是LESS。

我的问题与此问题相同：Bootstrap 3Navbar折叠

但是，这些问题中的所有答案都说明了如何通过更改LESS变量来做到这一点。我没有接触过LESS，我正在使用手写笔，所以我想知道如何使用手写笔或其他方法来完成此操作。

谢谢！

阅读 459

2020-05-16

共1个答案

小编典典

您必须为此编写一个特定的 媒体查询 ，从您的问题开始，在768px以下，导航栏将折叠，因此将其应用于768px以上和1000px以下，如下所示：

@media (min-width: 768px) and (max-width: 1000px) {
   .collapse {
       display: none !important;
   }
}

这将隐藏导航栏折叠，直到默认出现引导单元。当折叠类翻转时，导航栏内部的内部资产将自动隐藏，就像明智的做法一样，您必须根据需要设置css。

2020-05-16