内容与html中的标题重叠

Question

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

Answer 1

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

.navbar{
   z-index: 1;
}

Answer 2

只需在css中添加属性z-index

.navbar{
  z-index: 100;
}