Bootstrap 4 如何在可折叠菜单后固定某些元素的位置？

当我点击toogler图标时，“登录”和“注册”选项将与可折叠菜单项一起出现。我要“登录”。“注册”选项始终处于此位置

我的代码：

<nav class="navbar navbar-expand-md navbar-dark bg-primary sticky-top">
     <div class="container" >

              <button class="navbar-toggler" data-toggle="collapse" data-target="#ourNav">
                      <i class="navbar-toggler-icon"></i>
             </button>
                    <a href="" class="navbar-brand "> online exam </a>


                  <div class="collapse navbar-collapse justify-content-center " id="ourNav">
                        <ul class="navbar-nav ">
                            <li class="nav-item"><a href="" class="nav-link">Home</a></li>
                            <li class="nav-item"><a href="" class="nav-link">Your Profile</a></li>
                            <li class="nav-item"><a href="" class="nav-link">Exam</a></li>
                            <li class="nav-item"><a href="" class="nav-link">About Us</a></li>
                            <li class="nav-item "><a href="" class="nav-link">Contact</a></li>
                        </ul>
                  </div>

               <section class="nav ">     
                  <a href="sign_in.php"  class="nav-link text-light">Sign in</a>
                  <a href="sign_up.php"  class="nav-link text-light">Sign up</a>
               </section>   
      </div>
</nav>

只需将注册部分移到顶部，并添加类订单-md-3即可

引导示例

但是，brother sign in&sign up（兄弟登录和注册）选项在全屏显示时紧跟在navbar品牌之后。我不想要这个。我希望登录，在导航栏的末尾总是有注册选项，而不是全屏或mediam。顺便说一句，感谢您的努力，兄弟们，请将“order-md-3”类添加到“注册”部分。检查上面的代码，现在已编辑。检查此提琴也很酷。如果它正在工作，请用绿色勾号确认它，以便它对将来引用此内容的其他人有用。