css - Bootstrap : How to change the breakpoint where the navbar collapse ?

Question

我是 bootstrap 的初学者，我尝试更改断点位置以使我的导航栏更早崩溃。 (类似于 810px 而不是 768px 默认值)。

我通过大多数问题搜索了解决方案，但随着 bootstrap 每天都在发展，这些解决方案已被弃用，它们不再有效。

我尝试做的是修改Bootstrap的less目录下的variable.less文件。

我这样修改了文件:

//** Point at which the navbar becomes uncollapsed.
@grid-float-breakpoint:     810px;

然后我在 bootstrap.css 中使用 lessc 和这个命令行重新编译文件 bootstrap.less :

lessc bootstrap.less > bootstrap.css 因此在我的文件夹中创建了一个新文件 bootstrap.css。我只是用重新编译的文件 bootstrap.css 替换了默认的 bootstrap.css，但是我的网站没有任何变化，我的导航栏总是在 768px 处崩溃...

有人可以帮忙吗？谢谢。

Answer 1

好吧，我很蠢，我在元素的 bootstrap 文件夹中替换了错误的文件夹。现在我已经替换了 bootstrap/dist 中的正确文件夹，一切正常!

感谢您分享 Bootstrap 实时定制器，它非常有用且易于使用。