註冊和登錄按鈕不顯示Bootstrap Navbar

Question

我已經實現了一些代碼到我的導航欄，以便用戶可以登錄或註冊到網站。我遇到的問題是按鈕不顯示。以下是我的代碼。

<nav class="navbar navbar-toggleable-xl navbar-inverse bg-primary"> 
    <div class="container"> 
     <a class="navbar-brand" href="#">Home</a> 
     <div class="navbar-collapse collapse"> 
      <ul class="navbar-nav"> 
       <li class="nav-item"> 
        <a class="nav-link" href="#">About</a> 
       </li> 
       <li class="nav-item"> 
        <a class="nav-link" href="#">Speakers</a> 
       </li> 
       <li class="nav-item"> 
        <a class="nav-link" href="#">Schedule</a> 
       </li> 
       @if(Auth::check()) 
       <li role="presentation" class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" 
        role="button" aria-haspopup="true" aria-expanded="false"> Hello {{Auth::user()->name }} <span class="caret"></span> </a> 
        <ul class="dropdown-menu"> 
        <li><a href="{{ route('jobs.index') }}">Jobs</a></li> 
        <li><a href="{{ route('sectors.index') }}">Sectors</a></li> 
        <li><a href="{{ route('statuses.index') }}">Status</a></li> 
        <li><a href="/jobs/create">Create a Job</a></li> 
        <li role="separator" class="divider"></li> 
        <li><a href="{{ route('logout')}}">Logout</a></li> 
        </ul> 
       </li> 

       @else 
       <a href="{{ route('login') }}" class="btn btn-default">Login</a> 
       <a href="{{ route('register') }}" class="btn btn-default">Register</a> 
      @endif 
      </ul> 
     </div> 
    </div> 
    </nav> 

此外我想將登錄和註冊按鈕移動到導航欄的右側。任何幫助，將不勝感激。

Answer 1

您可能已經登錄過，並使用記住我按鈕，請嘗試清除緩存並刷新頁面。的按鈕移動到你可以使用CSS樣式

包裹按鈕div標籤和它漂浮到右邊

<div style="right: 0; position: absolute;"> 
    <a href="{{ route('login') }}" class="btn btn-success">Login</a> 
    <a href="{{ route('register') }}" class="btn btn-danger">Register</a></div>