Javascript Bootstrap v2.3.3导航栏被折叠内容重叠

我在我的网站上遇到了一个问题，我在页面顶部固定了一个引导（版本2.3.2）

navbar

，然后在正文中我有一个引导

折叠

对象，在

标记中有大量内容。
collapse
按预期打开和关闭；但是，当我向下滚动页面时，
标记中的内容与页面顶部的
导航栏重叠。我已尝试将
z-index
添加到
navbar
和
collapse
内容中；然而，它似乎不起作用

.affix {
    position: fixed;
    z-index: 2;
}

/* Stack .affix on top of positioned elements later in the DOM */
.affix {
  position: fixed;
  z-index: 100;
}

下面是JSFIDLE链接。令人不快的重叠内容在页面的末尾。谢谢

我的代码：

全屏结果：
向
添加一个
z-index
值。1以上的“粘贴”
类似乎起到了作用：

将
z-index
值添加到
.affix
类1以上似乎可以实现以下目的：

类的
.collapse
具有
位置：relative
，使其成为定位元素，并且您的导航栏具有来自粘贴插件的
位置：fixed
，使其也定位。手风琴后来出现在DOM中，这使它堆叠在导航栏上

@Adrift的解决方案是：页面顶部的粘贴元素需要一个
z-index
来堆叠在任何稍后定位的元素上。我会比
2
更高，但对于您未来的z索引使用：

.collapse
类具有
位置：relative
，使其成为定位元素，并且您的导航栏具有来自词缀插件的
位置：fixed
，使其也定位。手风琴后来出现在DOM中，这使它堆叠在导航栏上

@Adrift的解决方案是：页面顶部的粘贴元素需要一个
z-index
来堆叠在任何稍后定位的元素上。我会比
2
更高，但对于您未来的z索引使用：