Laravel登录表单

Question

我正在使用Laravel 5.7。我想以“登录”格式使用自定义的页眉和页脚，该格式位于“布局”文件夹中，并分别在登录页面代码的上方和下方对其进行编码。  当我看到输出时，它首先显示页眉，然后显示页脚，然后显示登录表单。但是实际上我想要页眉，登录表单然后是页脚。

我将代码放在下面，

 <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
   @include('layouts.header')
 </div> 
 <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
   @extends('layouts.app')
   @section('content')
   <div class="container">
    <div class="row">
      <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
        Website Info
      </div>
  <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
    <div class="card">
      <div class="card-header">{{ __('Kloud Connectors Login') }}</div>

        <div class="card-body">
          <form method="POST" action="{{ route('login') }}">
             @csrf

          <div class="form-group row">
            <label for="email" class="col-md-4 col-form-label text-md-right">{{ __('E-Mail Address') }}</label>

            <div class="col-md-6">
              <input id="email" type="email" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" value="{{ old('email') }}" required autofocus>

             @if ($errors->has('email'))
             <span class="invalid-feedback" role="alert">
               <strong>{{ $errors->first('email') }}</strong>
             </span>
             @endif
           </div>
          </div>

          <div class="form-group row">
            <label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>

          <div class="col-md-6">
            <input id="password" type="password" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" required>

            @if ($errors->has('password'))
            <span class="invalid-feedback" role="alert">
             <strong>{{ $errors->first('password') }}</strong>
            </span>
            @endif
           </div>
          </div>

          <div class="form-group row">
            <div class="col-md-6 offset-md-4">
              <div class="form-check">
                <input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>

                <label class="form-check-label" for="remember" style="padding-left: 7%;">
                   {{ __('Remember Me') }}
                </label>
               </div>
             </div>
           </div>

           <div class="form-group row mb-0">
             <div class="col-md-8 offset-md-4">
               <button type="submit" class="btn btn-primary">
                 {{ __('Login') }}
               </button>
               @if (Route::has('password.request'))
                  <a class="btn btn-link" href="{{ route('password.request') }}">
                   {{ __('Forgot Your Password?') }}
                  </a>
                 @endif
                </div>
               </div>
              </form>
             </div>
            </div>
           </div>
          </div>
         </div>
        @endsection
       </div>
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
     @include('layouts.footer')
    </div>

当我看到输出时，它首先显示页眉，然后显示页脚，然后显示登录表单。但是实际上我想要页眉，登录表单然后是页脚。