Question

这是Bootstrap 3文档中关于导航栏的disabling responsivness的段落：

如果使用导航栏，请撤消所有导航栏折叠和展开行为（这里显示的太多了，所以窥视这个例子）。

我真的无法理解如何禁用响应。另外，从non-responsive example我无法理解更多。有人已经这样做了吗？

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表单

带有Bootstrap 3的无响应导航栏

2 个答案: