注册和登录按钮未出现 Bootstrap 导航栏

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>

注册和登录按钮未出现 Bootstrap 导航栏

Register and login buttons are not appearing Bootstrap Navbar

navbar

laravel-blade

bootstrap-4

laravel-5.4