Html “引导”；“navbar品牌”；引起；导航栏导航“；要从导航栏中的居中位置向右移动的项目？

我试图创建一个导航栏，在左侧有“品牌”（徽标），在整个栏的中心有实际的导航项。我正在使用默认的引导导航栏，因为我一周前才开始学习web开发。到目前为止，情况是这样的：

但是，您可以看到导航项稍微移到页面实际中心的右侧（标题“This is the HOME page.”正好位于页面中心）。 以下是我的代码中我认为可能相关的部分：

html，
身体{
身高：100%；
保证金：0；
填充：0；
}
.容器液体{
背景色：白色；
边界：无；
盒影：无；
}
.内容{
填充顶部：65px；
宽度：100%；
身高：100%；
}
.导航栏.导航栏塌陷{
文本对齐：居中；
背景色：青色；
}
.navbar.navbar导航{
利润率：1%；
显示：内联块；
浮动：无；
垂直对齐：居中；
文字装饰：粗体；
文本对齐：居中；
}
.navbar默认值{
背景色：白色；
盒影：无；
文本对齐：居中；
}
.导航栏标题{
利润率：1%；
}

切换导航

有几种不同的方法可以做到这一点，我想这取决于您接下来要做什么，但最简单的方法可能是将.navbar品牌从文档流中移除，以便.navbar nav在居中时忽略它

通过添加以下内容，您可以非常轻松地做到这一点：

.navbar-brand {
  position: absolute;
}

您可以在这里查看：

---

希望这有帮助，祝你好运

工作得很好！非常感谢你。