我正在使用引导程序来设计我的网站,它几乎在每个级别都运行良好,但我无法像在 Github 示例中那样让导航栏按下所有其他元素。
这是我的导航栏的样子,几乎与示例中的内容相匹配。我无法弄清楚有什么不同。
<html>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="/"><img src="http://i.imgur.com/MiZZqIZ.png" alt="logo"></a>
<div class="nav-collapse collapse">
<span style="font-size:2em">
<ul class="nav">
<li><a href="/videohandler">Upload</a></li>
<li><a href="/about">About</a></li>
</ul>
</span>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<!-- all my code -->
</body>
</html>
更新:
这是我所指的Github 示例,如果您将浏览器缩小,它将仅显示“品牌”元素,并在最右侧的下拉列表中显示其余元素。在示例中,当它向下滑动时,它也会将其下方的 div 向下推相同的量。这是在我的项目上向下滑动,但没有向下推它下面的 div。在我的身上,它只是直接向下并覆盖它们。