Текстовый центр Navbar с .justify-content-center: - PullRequest
Новая
       32

Текстовый центр Navbar с .justify-content-center:

0 голосов
/ 11 мая 2018

почему, когда я добавляю класс justify-content-center в мой Navbar в Bootstrap, текст остается на левой позиции?

HTML Code

У меня естьнайдите инструкцию по Документам Boostrap, где после добавления этого класса текст Навбара будет центрирован.

Docs

Спасибо за помощь.Привет

1 Ответ

0 голосов
/ 11 мая 2018

Вам нужно изменить <ul class="**navbar-nav** justify-content-center"> на <ul class="**nav** justify-content-center">. Если необходимо сохранить класс .navbar-nav, вам нужно переопределить стили по умолчанию, чтобы он делал что-то вроде:

.navbar-nav { display: flex; flex-direction: row; }

Имейте в виду, что вам может понадобиться настроить свойства дочерних элементов. Самым простым решением было бы просто удалить navbar-

Быстрый пин-код здесь: https://codepen.io/jessburnett1980/pen/pVLQKO

...