Класс начальной загрузки mx-auto не центрирует элемент ⇐ CSS

[Anonymous]

Итак, я работаю над веб-сайтом, использующим навигационную панель Bootstrap 5. По сути, у меня есть 3 навигационных панели: одна с me-auto, одна с mx-auto и одна с ms-auto. Навигационные панели me-auto и ms-auto (которые я хочу использовать как своего рода боковое пространство для значков и других мелочей) работают нормально, а панель с mx-auto (основная панель навигации) — нет. «^» указывает на полный центр экрана, и я хочу, чтобы бренд навигационной панели располагался точно над ним. Вместо этого он расположен правее.
HTML-код:

Код: Выделить всё

[url=#]
[i]
[/url]




[list]
[*]
[url=#][/i][/url]

[*]
[url=#]
[/url]

[*]
[url=#][/url]

[*]
[url=#][/url]

[*]
[url=#][/url]

[/list]
[list]
[*]
[url=/band/]Band[/url]

[*]
[url=#]Pictures[/url]

[url=/]
[i]
[/url]
[*]
[url=#]Lorem[/url]

[*]
[url=#]Ipsum[/url]

[/list]
[list]
[*]
[url=/contact][/i][/url]

[/list]



^

CSS-код:

Код: Выделить всё

@media screen and (min-width: 992px) {
.navbar-brand img {
width: 100px !important;
}
.navbar-brand {
margin-right: 0;
padding: 0 1em;
}
}
.navbar-brand img {
width: 70px;
}
.navbar-nav {
align-items: center;
}
.navbar .navbar-nav .nav-link {
color: #fff;
font-size: 1.1em;
padding: .5em 1em;
}
.nav-icon {
width: 1vw;
}

Я пытался применить me-auto, mx-auto и ms-auto и ожидал, что navbar-nav с mx-auto будет полностью центрирован. Вместо этого он сдвинут вправо.
Изменить: я заметил, что удаление mx-auto из средней панели навигации абсолютно ничего не дает, поэтому кажется, что это не важно.

Подробнее здесь: https://stackoverflow.com/questions/786 ... an-element