内容与html中的标题重叠

Question

我有一个html代码与引导词缀。标题内容下方添加。当内容位于单个容器中时它正常工作。如果我尝试使用列网格添加容器，那些网格与标题重叠。请检查链接。 Before adding column grid和after adding the column grid。希望任何人都可以告诉我如何编码来解决这个问题。

Answer 1

将z-index赋给.navbar将解决该问题。

.navbar{ 
    z-index: 1; 
} 

Answer 2

刚刚在CSS

.navbar{ 
 
    z-index: 100; 
 
}