Html Bootstrap 4-将品牌定位在navbar中

我试图在下面的导航栏中居中显示品牌。我试着改变样式，使文本居中，但没有任何效果。我附上了它现在的样子。我只需要文本居中，而不是格式化到左边

您可以使用媒体查询

在导航栏标题类中使用mx auto来居中对齐

<div class="navbar-header mx-auto">
    <span class="navbar-brand">Qaneryararvik: The Yup'ik Word Place</span>
</div>

应用此CSS：

.navbar-header{
    width: 100%;
    text-align: center;
}

或

您可以使用w-100和文本中心引导类

<div class="navbar-header w-100 text-center">
    <span class="navbar-brand">Qaneryararvik: The Yup'ik Word Place</span>
</div>

---

请遵循副本中的指南：

.navbar-header{
    width: 100%;
    text-align: center;
}

<div class="navbar-header w-100 text-center">
    <span class="navbar-brand">Qaneryararvik: The Yup'ik Word Place</span>
</div>