Выравнивание элементов в Bootstrap navbar

Question

У меня есть Bootstrap 4 навигационная панель, где я не могу выровнять центральные элементы на всех устройствах (или любых в этом отношении). В настоящее время слева от навигационной панели есть изображение, и в настоящее время я использую отступы, чтобы pu sh остальное закончилось, но в лучшем случае это безобразный хак.

Я думаю, что нужно сделать, чтобы навигационная панель была растянута по всей верхней части страницы, а не только до изображения. Таким образом, я могу выровнять элементы по центру, используя что-то вроде text-justify класса.

Какой лучший способ выровнять это?

HTML:

Answer 1

Вариант 1: Сделайте вашу панель навигации 100% с помощью, создайте мобильный и настольный компьютер (d-none d-md-block) Удалите переключаемый div, и у вас должно быть 3 div с содержимым внутри вашей навигации. Сделайте так, чтобы он отображался: flex с justify-content: space-around. => 1 div (lo go) слева, 2 div (ссылки) по центру, 3 div (формы) справа

Опция 2: log + div, который занимает оставшуюся часть пространства + еще 2 div каждые 50% и сделайте их выравнивание текста: по центру, выравнивание текста: вправо (плохое решение)

Вариант 3: Навбар 100%, положение относительное. Положение Img: абсолютное; осталось: 0 ;, ...

Я бы go для решения № 1