ブートストラップ - navbar rightはほとんど動かないアイテムです

Question

左側にリンクがあるヘッダーを作成しようとしていますが、右側に1つのリンクがあります。navbarを正しく使用しようとすると少ししか動かないだけですこれはブートストラップを使った初めてのことですので、どんな助けもありがとうございます。

<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> 

Answer 1

私はクラス「ナビゲーションバー-トグラー右が」あなたのリンクではなく、あなたのnavabrへ