@polakware

Как правильно выровнять?

<nav class="navbar navbar-expand-lg">
            <ul class="navbar-nav mr-auto">
                <li>
            <a href="/"><h5 style="margin: 96px">Logo</h5></a>
                </li>
                <li>
                    <a href="#transactions"><i style="margin: 96px" class="fa fa-handshake"> Transactions</i></a>
                </li>
                <li>
                    <a href="#reviews"><i style="padding: 96px" class="fa fa-pen"> Reviews</i></a>
                </li>
                <li>
                    <a href="auth"<i style="padding: 96px" class="fa fa-sign-in-alt"> Sign in</i></a>
                </li>
            </ul>
        </div>
        </nav>


Нужно выровнять так:
Лого ..................................................................................................... Transactions Reviews Sign In
  • Вопрос задан
  • 60 просмотров
Пригласить эксперта
Ответы на вопрос 3
Benzin102
@Benzin102
Shitcoder
Задай на флексах с flex-between
Ответ написан
@Delta01
Вёрстка всего нарисованного :D
Первому элементу li делайте flex-basis: 100%, а ul добавить flex-wrap: wrap
Ответ написан
@LJ322
.navbar-nav {
    display: flex;
    flex-direction: row;
  }
.navbar-nav li:nth-child(2) {
  margin-left: auto;
  }
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
DATUM Soft Ростов-на-Дону
от 60 000 до 75 000 ₽
Sellavi Москва
от 60 000 до 90 000 ₽
Sellavi Москва
от 110 000 до 160 000 ₽
25 сент. 2020, в 14:23
15000 руб./за проект
25 сент. 2020, в 13:52
50000 руб./за проект