Как сдвинуть в меню li друг от друга в bootstrap 4? К примеру, две li справа и две li слева?

Question

[Lex Fox]

Добрый день.
Как сдвинуть в меню li друг от друга в bootstrap 4? К примеру, две li справа и две другие слева?
У меня есть меню с 4-мя li. Мне нужно отделить их. То есть две li будет справа и две li слева. Но при этом чтобы при адаптации ничего не сдвигалось.
https://codepen.io/lex-fox/pen/QWwNrYL
То есть мне нужно чтобы О ПРОЕКТЕ и АКТИВИРОВАТЬ были слева, а ВОЙТИ и РЕГИСТРАЦИЯ справа. Слева еще меню будет.
Заранее спасибо. Очень нужна ваша помощь. Хотя бы подсказки.
https://codepen.io/dmtokarev/pen/VRZdEJ Брал этот пример. Если вдруг у меня будет непонятно.

Answer 1

[Diatomiccoder]

Можете попробовать следующее примитивное решение:
Для элемента ul.navbar-nav добавить класс w-100 и добавить класс mr-md-auto для второго элемента li.nav-item.

По крайней мере это решит вашу задачу на данном примере.

Comments

[Lex Fox]

Получилось. спасибо большое!!! плохо пока знаю bootstrap, поэтому тяжело.

[Diatomiccoder]

Lex Fox, Всегда пожалуйста))

Что-то типа совета:
Для начала лучше всё таки узнать функционал CSS и его возможности. Так вам будет легче понять Bootstrap, как он себя ведёт, а возможно и вовсе от него откажетесь

[Lex Fox]

Diatomiccoder, спасибо. буду познавать css)