Bootstrap 3 的无响应导航栏 [英] Non-responsive navbar with Bootstrap 3

问题描述

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

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

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

If using navbars, undo all the navbar collapsing and expanding behavior (this is too much to show here, so peep the example).

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

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

update As 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 的无响应导航栏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！