Twitter bootstrap 引导-导航栏右侧几乎不移动项目

我试图创建一个标题，左边有链接，但右边有一个链接，当我尝试使用navbar right时，它只移动了一小部分，几乎什么都不做，这是我第一次使用bootstrap，因此非常感谢您的帮助

<div class="nav nav-tabs" role="tablist">
  <li class="nav-item">
    <a class="nav-link" href="#">Home</a>

@can('create', App\User::class)   
  </li>
        <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Appointment</a>
            <div class="dropdown-menu">
                    <a class="dropdown-item"   a href="{{url('addappointment')}}">Create Appointment</a>
@endcan

@can('delete', App\User::class)
      <a class="dropdown-item"  a href="{{url('deleteappointmentform')}}">Cancel Appointment</a>
            </div>
@endcan
</li>


            @can('create', App\User::class)
              <li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Patient</a>
    <div class="dropdown-menu">
<a class="dropdown-item"  a href="{{url('registerForm')}}">Register Patient</a>
@endcan 
@can('delete', App\User::class)         
      <a class="dropdown-item"  a href="{{url('deletePatientForm')}}">Remove Patient</a>
                  </div>

@endcan
  </li>

                          <ul class="nav-item dropdown navbar-right">
    <a class="nav-link dropdown-toggle " data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">{{Auth::user()->firstname}} {{Auth::user()->surname}}</a>
    <div class="dropdown-menu">
      <a class="dropdown-item"  a href="{{url('userdetails/'.Auth::user()->id)}}">My Details</a>
      <a class="dropdown-item"  a href="{{url('getLogout')}}">Log out</a>
</div>
</ul>
        </div>

@can（'create'，App\User:：class）


@恩德坎
@can（'delete'，App\User:：class）
@恩德坎

@can（'create'，App\User:：class）

@恩德坎
@can（'delete'，App\User:：class）
@恩德坎

------------------这是我正在努力解决的具体部分------------------

                          <ul class="nav-item dropdown navbar-right">
    <a class="nav-link dropdown-toggle " data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">{{Auth::user()->firstname}} {{Auth::user()->surname}}</a>
    <div class="dropdown-menu">
      <a class="dropdown-item"  a href="{{url('userdetails/'.Auth::user()->id)}}">My Details</a>
      <a class="dropdown-item"  a href="{{url('getLogout')}}">Log out</a>
</div>
</ul>
        </div>

如果有人想知道我发现添加了类“navbar toggler right”解决了我的问题

class=“pull right”到您的链接，而不是您的navabr

                          <ul class="nav-item dropdown navbar-right">
    <a class="nav-link dropdown-toggle " data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">{{Auth::user()->firstname}} {{Auth::user()->surname}}</a>
    <div class="dropdown-menu">
      <a class="dropdown-item"  a href="{{url('userdetails/'.Auth::user()->id)}}">My Details</a>
      <a class="dropdown-item"  a href="{{url('getLogout')}}">Log out</a>
</div>
</ul>
        </div>