Bootstrap 响应式布局问题 - 导航消失且 div 重叠

Question

我正在为我的投资组合网站使用 Twitter 引导程序。流畅的布局似乎可以在一定程度上发挥作用，但主页存在一些问题。

1. 一旦小于 997 像素，导航菜单就会完全消失。它几乎看起来像是掉到标题栏下方并且被隐藏了，但我似乎无法让它显示出来。它实际上应该切换到移动菜单并保留在右上角。

2. 此外，一旦您缩小屏幕尺寸，索引页面的“关于我”和“联系”部分就会相互重叠。我确定这与我的结构有关，但找不到问题。

任何引导专家都知道可能导致这些问题的原因吗？

这里是网站测试版的链接。 http://theiamzone.com/kyle_hagler/portfolio-site

Answer 1

从我从网站上查看的源代码， 我发现你缺少 jquery 文件。

<script src="//code.jquery.com/jquery-1.10.1.min.js">

放上来看看下拉菜单是否有效。

关于我们和联系我们部分。

您可以尝试的一种方法是将容器全部包装起来，请从此处阅读以获取更多信息。 http://twitter.github.io/bootstrap/scaffolding.html#layouts

从关于我们部分的我的观点来看，尽量不要包装 2 span 6 列， 请改用以下代码。

<div class="row-fluid">
    <div class="span12">
       <div class="span6"></div>
       <div class="span6"></div>
    </div>
</div>

在联系我们部分也会发生同样的情况， 没有为它们分配 css 类。