Bootstrap 4 pull-right не работает на навигационной панели

1. Я работаю с бутстрапом 4.
2. Я не получил навигацию прямо на страницу, я не знаю, в чем проблема.
3. Кто-нибудь еще может помочь решить эту проблему.

Я попытался добавить класс pull-right в navbar-collapse div, но это не сработало. Поэтому я также попытался добавить свойство float right и установить значение !important, но это также не помогло.

<div class = "collapse navbar-collapse pull-right" id = "navbarSupportedContent">
    <ul class = "navbar-nav mr-auto">
        <li class = "nav-item active">
            <a class = "nav-link" href = "#">HOME</a>
        </li>

        <li class = "nav-item">
            <a class = "nav-link" href = "#">FAQS & HELPS</a>
        </li>

        <li class = "nav-item">
            <a class = "nav-link" href = "#">CONTACT</a>
        </li>

        <li class = "nav-item">
            <a class = "nav-link" href = "#">LOGIN</a>
        </li>
    </ul>
</div>

Я хочу содержимое div (навигационные ссылки) справа от страницы.