Html Z指数问题。Bootsrap导航栏中心的欢迎信息

我想使用引导导航栏，我想在导航栏的中心显示欢迎信息。我将其转换为HTML：

@导入url（'https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css');
身体{
填充顶部：87px；
}

别恩弗努埃

2版

我们无法将div放置在导航栏外，并将此div放置在导航栏及其项目之间，因为：

每个堆叠上下文完全独立于其同级：处理堆叠时只考虑子元素

因此，我们必须将

welcome

块放在导航栏的开头。在这种情况下，我们不需要使用

z-index

请检查结果：

@导入url（'https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css');
身体{
填充顶部：87px；
}
.欢迎{
位置：绝对位置；
左：0；
右：0；
文本对齐：居中；
排名：0；
}
.欢迎您{
颜色：#555；
字号：900；
行高：50px；/*=导航栏的高度*/
保证金：0；
}
@介质（最小宽度：768px）{
.汉堡包{
显示：无；
}
.navbar反向。navbar导航>li>a{
颜色：#ccc；
}
}

别恩弗努埃






是的，但是我希望我的欢迎信息在导航栏的中间，而不是在下面…抱歉，我误读了你的问题。你能给出一个到目前为止你已经尝试过的例子吗？因为如果它总是在导航栏的中心，它也会干扰你的链接，这取决于视口的大小。我想在Navar中间的“BieSeNeTeNE”消息…但是现在还有另外一个问题，
 
因为Z指数不再是可点击的……@ NaNAT30我已经更新了我的答案。请检查代码的第二个版本。