Мой компьютер с OS X не будет правильно отображать конкретный проект Laravel. Я могу войти, но кажется, что все CSS заблокированы. Это неправильно выглядит так:
Однако оно должно выглядеть так:
У моего друга, который делал большую часть кодирования, также есть Mac, и он работает на его компьютере. Но не мое. Я не кодировал ничего из этого. Я пробовал 3 браузера (FF, Chrome, Safari) все безрезультатно. Он работает на моем телефоне Android и другом компьютере Windows.
Здесь видно: https://shielded -lowlands-91684.herokuapp.com /
Я могу поделиться репо на Gitlab (https://gitlab.com/kaspis912/blog) или Heroku. Однако Gitlab мне нужно добавить человека по отдельности, потому что это личное.
Я также могу добавить отдельные файлы, которые помогут здесь. Вот один из них:
App.blade.php
<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>{{ config('app.name', 'Blog') }}</title>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<!-- Styles -->
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
</head>
<body>
<div id="app">
<nav class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<!-- Collapsed Hamburger -->
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#app-navbar-collapse" aria-expanded="false">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Branding Image -->
<a class="navbar-brand" href="{{ url('/') }}">
{{ config('app.name') }}
</a>
</div>
<div class="collapse navbar-collapse" id="app-navbar-collapse">
<!-- Left Side Of Navbar -->
@if(Auth::user())
<ul class="nav navbar-nav">
<li><a href="{{ route('articles.index') }}">Articles</a></li>
</ul>
@endif
<!-- Right Side Of Navbar -->
<ul class="nav navbar-nav navbar-right">
<!-- Authentication Links -->
@guest
<li><a href="{{ route('login') }}">Login</a></li>
<li><a href="{{ route('register') }}">Register</a></li>
@else
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true">
{{ Auth::user()->name }} <span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li>
<a href="{{ route('logout') }}"
onclick="event.preventDefault();
document.getElementById('logout-form').submit();">
Logout
</a>
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
{{ csrf_field() }}
</form>
</li>
<li>
<a id="delete-btn" href="#">
Delete Account
</a>
<form id="delete-form" method="POST" action="{{ route('users.destroy', Auth::id()) }}" accept-charset="UTF-8">
{{ method_field('DELETE') }}
{{csrf_field()}}
</form>
</li>
</ul>
</li>
@endguest
</ul>
</div>
</div>
</nav>
@yield('content')
</div>
<!-- Scripts -->
<script src="{{ asset('js/app.js') }}"></script>
<script>
$('.confirm-delete').on('click', function(event){
return confirm('Are you sure you want to delete this item?');
});
$('#delete-btn').on('click', function(event){
event.preventDefault();
var confirm_delete = confirm('Are you sure you want to delete your account?');
if(confirm_delete== true){
$('#delete-form').submit();
}
});
</script>
</body>
</html>
Вот кое-что из того, что происходит, когда я пытаюсь проверить элемент в Chrome. Кажется, что часть CSS становится серой. Я не знаю почему. 