Javascript 使用Twitter引导程序3'；s栅格，面板主体与导航栏标题重叠

由于某种原因，当我在面板主体内使用col xs-*时，向下滚动时，内容与面板标题重叠。删除col xs-*和row标记时不会发生这种情况

向下滚动之前：

向下滚动后：

源代码：

.导航栏倒塌{
背景色：#69899f；
边框颜色：#425766；
}
.导航栏标题{
背景色：#69899f；
边框颜色：#425766；
}
.导航栏折叠.导航栏文本{
颜色：#d7e2e9；
}
.导航栏标题.导航栏切换.图标栏{
背景色：#d7e2e9；
}
.粘贴{
排名：0；
宽度：100%；
}
.粘贴+.容器液体{
填充顶部：70px；
}
切换导航
标题A



标题B

标题

呜呜呜呜

标题

呜呜呜呜

标题

呜呜呜呜

标题

呜呜呜呜

$（函数（）{
$（“.navbar”）。粘贴({
偏移量：{
顶部：$（“标题”）.outerHeight（真）
}
});
});

这是导航的z索引问题。即使只给

.navbar

一个z-index为1，我也能修复重叠。JSYK，数字越高，它位于另一个元素下的可能性就越小，因此您可能应该将其设置为类似999的值。试试这些样式

<style>
   .navbar {
      z-index: 1;
    }
    .navbar-collapse {
      background-color: #69899f;
      border-color: #425766;
    }

    .navbar-header {
      background-color: #69899f;
      border-color: #425766;
    }
    .navbar-collapse .navbar-text {
      color: #d7e2e9;
    }
    .navbar-header .navbar-toggle .icon-bar {
      background-color: #d7e2e9;
    }
    .affix {
        top: 0;
        width: 100%;
    }

    .affix+.container-fluid {
        padding-top: 70px;
    }
</style>

navbar先生{
z指数：1；
}
.导航栏倒塌{
背景色：#69899f；
边框颜色：#425766；
}
.导航栏标题{
背景色：#69899f；
边框颜色：#425766；
}
.导航栏折叠.导航栏文本{
颜色：#d7e2e9；
}
.导航栏标题.导航栏切换.图标栏{
背景色：#d7e2e9；
}
.粘贴{
排名：0；
宽度：100%；
}
.粘贴+.容器液体{
填充顶部：70px；
}