Css v4引导类的问题

我正在使用带CDN的引导v4：

问题

有些类不工作，例如

向右拉

或

导航栏向右拉

。我又回到了使用旧版本的引导，这些类也工作了，但是布局当然改变了，我更愿意继续使用v4。我无法将两个

li

元素浮动到

li

元素主组的右侧

目标

要找出类在v4中不起作用的原因，并使用类

导航栏right

HTML

引导4文档：

为响应浮点添加了.float-{xs，sm，md，lg，xl}-{left，right，none}类，并删除了.lall left和.lall right，因为它们与.float xs left和.float xs right是冗余的

公用事业科

因此，您可以使用float-{xs、sm、md、lg、xl}-{left、right、none}类

引导4文档：

为响应浮点添加了.float-{xs，sm，md，lg，xl}-{left，right，none}类，并删除了.lall left和.lall right，因为它们与.float xs left和.float xs right是冗余的

公用事业科

所以可以使用float-{xs，sm，md，lg，xl}-{left，right，none}类

<nav class="navbar bg--lighter-blue">
    <div class="header-container">
        <div class="col-md-12">
            <ul class="nav navbar-nav pull-md-right">
                <li class="nav-item active"><a class="nav-link txt--white text-uppercase" href="#">Home</a></li>
                <li class="nav-item"><a class="nav-link txt--white text-uppercase" href="#">Benefits</a></li>
                <li class="nav-item"><a class="nav-link txt--white text-uppercase" href="#">How it works</a></li>
                <li class="nav-item"><a class="nav-link txt--white text-uppercase" href="#">About</a></li>
                <li class="nav-item"><a class="nav-link txt--white text-uppercase" href="#">Subscribe</a></li>
                <li class="nav-item"><a class="nav-link txt--white text-uppercase" href="#">FAQ</a></li>
                <li class="nav-item"><a class="nav-link txt--white text-uppercase" href="#">Contact</a></li>    
            </ul>
            <ul class="nav navbar-nav">
                <li class="nav-item"><a class="nav-link txt--white text-uppercase" href="subpages/login.html">Login</a></li>
                <li class="nav-item"><a class="nav-link txt--white text-uppercase" href="#">Register</a></li>   
            </ul>                                   
        </div>      
    </div>                  
</nav>

.header-container { 
 margin-left: auto;
 margin-right: auto;
 padding-left: 15px;
 padding-right: 15px;   
 width: 90%;
}