Question

我已经在Navbar中实现了一些代码，以便用户可以登录或注册到该站点。我遇到的问题是按钮没有出现。以下是我的代码。

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

另外，我想将登录和注册按钮移动到Navbar的右侧。任何帮助将不胜感激。

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 Navbar

1 个答案: