Bootstrap网格元素重叠导航栏

Question

我正在尝试构建网格元素，其中有两列，每行都有几行面板元素。除了当我将导航栏滚动到网格元素的点时，一切看起来都很棒。这些元素与导航栏重叠，就像它们漂浮在顶部一样。奇怪的是页面的其他部分没有这样做，当我滚动除了网格元素之外，一切都在导航栏后面。

这是我看到的效果的图像：

任何人都知道发生了什么事？我也在使用headroom.js作为我的导航栏。

编辑：这是现场网站的链接:(链接在找到答案后删除，因为网站仍在建设中）

Answer 1

导航的z-index存在问题。即使只给它1值，也可以解决重叠问题。仅供参考，数字越高，它在另一个元素下的可能性就越小，所以你应该把它变成500亿（或999）。

.headroom {
    z-index: 999;
}