本文介绍了Bootstrap 3 的无响应导航栏的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

这是 Bootstrap 3 文档中关于禁用导航栏响应的段落:

This is the paragraph from Bootstrap 3 documentation about disabling responsivness for a navbar:

如果使用导航栏,撤消所有导航栏的折叠和展开行为(这里展示的太多了,所以看一下例子).

我真的不知道如何禁用响应.此外,从 非响应示例 中,我无法理解更多.有人已经这样做了吗?

I really can't get how to disable responsivness. Also, from the non-responsive example I can't understand much more. Someone has already do that?

推荐答案

检查这个:https://github.com/bassjobsen/non-responsive-tb3 并阅读https://github.com/twbs/bootstrap/issues/10371.

您可以通过在 variables.less 中将 @grid-float-breakpoint 设置为 0 来实现.并重新编译引导程序.

You can do this by setting the @grid-float-breakpoint to 0 in your variables.less. And recompile bootstrap.

更新正如 @fred-k 的评论中所述,上述内容并未使导航栏下拉菜单无响应.要解决此问题,您还必须将 navbar.less 中的 @screen-xs-max 设置为 0.此问题将在未来版本中修复,请参阅 https://github.com/twbs/bootstrap/拉/10465

updateAs mentioned in the comments by @fred-k the above did not make the navbar dropdowns non-responsive. To fix this you will have to set @screen-xs-max in navbar.less to 0 too.This issue will be fixed in future releases, see https://github.com/twbs/bootstrap/pull/10465

注意 navbar.less 中的 @screen-xs-max 也会影响 Navbar 形式

Note @screen-xs-max in navbar.less also influence the Navbar forms

这篇关于Bootstrap 3 的无响应导航栏的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-02 12:51