Laravel5.7の認証画面のレイアウトが崩れている
前提・実現したいこと
Laravel5.7で認証機能を追加しました。
php artisan make:auth php artisan migrate
Register画面にアクセスしたのですが、レイアウトが崩れて表示されました。
特に編集していませんが、layouts\app.blade.php は以下の通りです。
layouts\app.blade.php
1<!DOCTYPE html> 2<html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 7 <!-- CSRF Token --> 8 <meta name="csrf-token" content="{{ csrf_token() }}"> 9 10 <title>{{ config('app.name', 'Laravel') }}</title> 11 12 <!-- Scripts --> 13 <script src="{{ asset('js/app.js') }}" defer></script> 14 15 <!-- Fonts --> 16 <link rel="dns-prefetch" href="//fonts.gstatic.com"> 17 <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet" type="text/css"> 18 19 <!-- Styles --> 20 <link href="{{ asset('css/app.css') }}" rel="stylesheet"> 21</head> 22<body> 23 <div id="app"> 24 <nav class="navbar navbar-expand-md navbar-light navbar-laravel"> 25 <div class="container"> 26 <a class="navbar-brand" href="{{ url('/') }}"> 27 {{ config('app.name', 'Laravel') }} 28 </a> 29 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}"> 30 <span class="navbar-toggler-icon"></span> 31 </button> 32 33 <div class="collapse navbar-collapse" id="navbarSupportedContent"> 34 <!-- Left Side Of Navbar --> 35 <ul class="navbar-nav mr-auto"> 36 37 </ul> 38 39 <!-- Right Side Of Navbar --> 40 <ul class="navbar-nav ml-auto"> 41 <!-- Authentication Links --> 42 @guest 43 <li class="nav-item"> 44 <a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a> 45 </li> 46 @if (Route::has('register')) 47 <li class="nav-item"> 48 <a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a> 49 </li> 50 @endif 51 @else 52 <li class="nav-item dropdown"> 53 <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre> 54 {{ Auth::user()->name }} <span class="caret"></span> 55 </a> 56 57 <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown"> 58 <a class="dropdown-item" href="{{ route('logout') }}" 59 onclick="event.preventDefault(); 60 document.getElementById('logout-form').submit();"> 61 {{ __('Logout') }} 62 </a> 63 64 <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;"> 65 @csrf 66 </form> 67 </div> 68 </li> 69 @endguest 70 </ul> 71 </div> 72 </div> 73 </nav> 74 75 <main class="py-4"> 76 @yield('content') 77 </main> 78 </div> 79</body> 80</html> 81
これまでLaravel5.5を使用していたのですが、こちらは特にレイアウト崩れなどは発生しませんでした。
レイアウト崩れを直したいです。
修正点がわかりましたら、ご教示いただけると助かります。
よろしくお願いいたします。
補足情報(FW/ツールのバージョンなど)
◆動作環境
・Windows10 Pro 64bit
・Apache2.4
・PHP7.1
・Laravel5.7
・MySQL5.7
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。