注册和登录按钮不显示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>