Bootstrap响应式布局问题 - Nav消失和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跨度6列， 使用下面的代码来代替。

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

同样的情况发生在与我们联系部分， CSS类没有分配他们的工作。