Элементы сетки Bootstrap, перекрывающиеся navbar

Question

Я пытаюсь создать элементы сетки, в которых есть два столбца, и каждый из них имеет несколько рядов элементов панели внутри них. Все выглядит отлично, за исключением того, что я прокручиваю навигационную панель до точки элементов сетки. Элементы перекрывают навигационную панель, как будто они плавают сверху. Странно, что никакая другая часть страницы не делает этого, все за навигационной панелью, когда я прокручиваю, за исключением элементов сетки.

Вот изображение эффекта я вижу:

Кто-нибудь есть какие-либо идеи, что происходит? Я также использую headroom.js для своего навигатора.

EDIT: Вот ссылка на живой сайт (ссылка снесен после нахождения ответа, так как веб-сайт еще в стадии строительства)

Answer 1

Это вопрос с г-индекс Навигационное в. Даже просто давая ему значение 1, я зафиксировал перекрытие для меня. FYI, тем выше число, тем менее вероятно, что это будет под другим элементом, поэтому вы должны, вероятно, сделать что-то вроде пятидесяти миллиардов (или 999).

.headroom { 
    z-index: 999; 
}