7

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

如果使用导航栏，请撤消所有导航栏折叠和展开行为（此处显示太多，因此请看示例）。

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

4

2 回答 2

8

好吧，关键似乎是构建一个样式表来锁定所有响应式内容。查看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>
于 2013-09-19T18:28:55.517 回答
6

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

您可以通过在 variables.less 中将 @grid-float-breakpoint 设置为 0 来做到这一点。并重新编译引导程序。

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

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

于 2013-09-19T18:25:31.153 回答