Выравнивание (bootstrap)

@Григорий Карпов · Регистрация: 14.07.2012

Author24 — интернет-сервис помощи студентам

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

HTML5

<ul class="navbar-nav mr-auto">
    ...
</ul>
<ul class="navbar-nav">
    <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="profile.php" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">$email</a>
        <div class="dropdown-menu float-right" aria-labelledby="dropdown01">
            <a class="dropdown-item float-right" href="profile.php">Просмотр профиля</a>
            <a class="dropdown-item float-right" href="index.php?logout=1">Выход</a>
        </div>
    </li>
</ul>

@Григорий Карпов · 12.11.2017, 23:30 **[ТС]**

Разобрался. Для этой цели существует класс dropdown-menu-right.

@Григорий Карпов 4 / 4 / 1 Регистрация: 14.07.2012 Сообщений: 212
	12.11.2017, 23:30 [ТС]	2
	Разобрался. Для этой цели существует класс dropdown-menu-right. 0