Навбар lo go вправо - PullRequest
Новая
       5

Навбар lo go вправо

1 голос
/ 27 марта 2020

Я не могу поставить свой ло go справа от панели навигации. Я пытался добавить к нему дополнительный класс и искал больше решений, но ни одно из них не помогло мне. 

<nav class="navbar navbar-expand-sm navbar-dark">
            <img class="navbar-brand" src="***" style="width: 50px;height: auto;">
            <ul class="navbar-nav navbar-center">
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle colr" href="#"
                        id="navbardrop" data-toggle="dropdown"> *** </a>
                        <div class="dropdown-menu">
                            <a class="dropdown-item colr" href="#"> ***</a>
                            <a class="dropdown-item" href="#"> *** </a>
                            <a class="dropdown-item" href="#"><s> *** </s></a>
                        </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link colr" href="#"> *** </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link colr" href="#"> *** </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link colr" href="#"> *** </a>
                </li>
            </ul>
        </nav>

Ответы [ 2 ]

0 голосов
/ 27 марта 2020

Попробуйте добавить float: right в элемент: 

'<img class="navbar-brand" src="***" style="width: 50px; float: right; height: auto">'
0 голосов
/ 27 марта 2020

присвойте изображению некоторую высоту и используйте float: right 

<nav class="navbar navbar-expand-sm navbar-dark">
            <img class="navbar-brand" src="***" style="width: 50px;float:right;height:50px;">
            <ul class="navbar-nav navbar-center">
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle colr" href="#"
                        id="navbardrop" data-toggle="dropdown"> *** </a>
                        <div class="dropdown-menu">
                            <a class="dropdown-item colr" href="#"> ***</a>
                            <a class="dropdown-item" href="#"> *** </a>
                            <a class="dropdown-item" href="#"><s> *** </s></a>
                        </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link colr" href="#"> *** </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link colr" href="#"> *** </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link colr" href="#"> *** </a>
                </li>
            </ul>
        </nav>
...