Как заставить значки социальных сетей перемещаться из центра вправо, сохраняя при этом логотип и страницы в центре? ⇐ CSS

[Anonymous]

Я создаю панель навигации, в которой мой логотип и страницы находятся в центре, а значки социальных сетей справа,
но все изменения, которые я делал с компонентом навигации социальных сетей, никогда не перемещали их вправо, это остался в центре:

Здесь это код для этого (я использую React JS и модуль React-Bootstrap)

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

 


[img]/assets/Logo.png[/img]
              width="60"
height="60"
className="d-inline-block align-top"
alt="Nexus Devops"
/>




Updates
Careers


[/i]
[i][/i]
[i][/i]

Я попытался изменить имя класса на «justify-content-end», но это ничего не дало. Я добавил CSS:

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

.social-media-icons {
margin-left: auto !important;
display: flex !important;
justify-content: flex-end !important;
}

опять ничего, оно никогда не двигалось!
Вот что я пытаюсь получить (сделал макет на PS):



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