带有Bootstrap 3的无响应导航栏

Question

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

如果使用导航栏,请撤消所有导航栏折叠和展开行为(这在此处显示太多,因此请查看示例).

我真的无法得到如何禁用响应.此外,从无响应的例子我不能理解更多.有人已经这样做了吗？

Answer 1

好吧,关键似乎是构建一个样式表来锁定所有响应的东西.请查看http://getbootstrap.com/examples/non-responsive/non-responsive.css,了解它们用于阻止页面响应的内容.你可以举起整张纸.

特别是关于导航栏,如果没有像这个答案中链接的那样的表单,你就无法做到.话虽这么说,这个例子没有做到的一件事你可能应该撕掉菜单图标,当导航栏崩溃时它会出现.那就是这段代码:

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
</button>

Answer 2

请查看:https://github.com/bassjobsen/non-responsive-tb3并阅读https://github.com/twbs/bootstrap/issues/10371.

您可以通过在variables.less中将@ grid-float-breakpoint设置为0来完成此操作.并重新编译bootstrap.

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

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