Bootstrap 4 引导4导航栏对齐项目

我希望我的第二个UL中的项目与页面右侧对齐。我曾尝试在第一个UL中使用mr auto，在第二个UL中使用ml auto（和ml md auto），并验证内容端，但没有任何效果

我有第二个问题，切换按钮出现在导航栏的右边（在导航栏中找到），而不是页面的右边

我曾使用Colt Steele的Web开发“Bootcamp”来学习Bootstrap，但他们使用的是3.7而不是4，所以我很遗憾地回溯了。我感谢所有的意见

<div class="container">
  <div class="row">
    <nav class="navbar navbar-expand-md navbar-light">
        <a class="navbar-brand" href="#">Navbar</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="navbar-collapse collapse" id="navbarText">
            <ul class="navbar-nav">
                <li class="nav-item active">
                    <a class="nav-link" href="#">Home</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Features</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Pricing</a>
                </li>
            </ul>
            <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                    <a class="nav-link" href="#">Login</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Register</a>
                </li>
            </ul>
        </div>
    </nav>
  </div>
</div>

我删除了该行，现在它按预期工作：