导航栏没有出现在手机上

Question

问题已经回答了！代码已重新编码

Answer 1

我相信Bootstrap中可折叠导航栏的工作方式。

您的导航包含在此元素中：

＆＃13;

＆＃13;

<div class="collapse navbar-collapse" id="mainNav">

＆＃13;

＆＃13;

＆＃13;

如果你看一下这里的代码：

https://github.com/twbs/bootstrap/blob/v3.3.6/less/navbar.less#L40-L73

.collapse类隐藏元素（通过添加display: none），但是当屏幕大小大于断点（768px，即@ grid-float-breakpoint）时，此代码将覆盖一个display: block!important来显示元素。

Answer 2

导航栏没有出现在手机中的可能性很多。

<强> 1 即可。我看到您设置<nav class="navbar-inner">的代码行，并且您的导航栏已经在那里切换，但背景是透明的。 实际上应该是这样你需要添加<nav class="navbar-default navbar-inner">。

这是DEMO

我已经在该演示中添加了您的代码。它运行得很好。

<强> 2 即可。如果它正常运行，请检查你的bootstrap css和js以及jquery链接。