Лезвие не использует стиль CSS на панели навигации
У меня есть файл main.blade с частичным для панели навигации, который включает в себя стили CSS, которые отлично работают на всех страницах, кроме одной страницы. Единственная разница между этой страницей и другими страницами состоит в том, что это ресурс (с использованием контроллера CRUD). Почему я не вижу css на панели навигации?
Вот мой код:
main.blade
<!DOCTYPE html>
<html lang="en">
@include('partials._head')
<body>
@include('partials._nav')<div class="container">
@yield('content')
</div>
@include('partials._javascript')
@yield('scripts')
</body>
</html>
не рабочая страница:
@extends('main')
@section('content')
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1> Create New Post </h1>
<hr>
{!! Form::open(['route' => 'posts.store', 'data-parsley-validate' => '', 'files' => true]) !!}
{!! Form::label('title', 'Title:') !!}
{!! Form::text('title', null, array('class' => 'form-control','required' => '')) !!}
{!! Form::label('slug', 'Slug:')!!}
{!! Form::text('slug', null, array('class' => 'form-control',
'required' => '', 'minlength' => '5', 'maxlength' => '255')) !!}
{!! Form::label('category_id', 'Category:') !!}
<select class="form-control" name="category_id">
@foreach($categories as $category)
<option value='{{ $category->id }}'> {{ $category->name }}</option>
@endforeach
</select>{!! Form::label('body', 'Post Body:') !!}
{!! Form::textarea('body', null, array('class' => 'form-control')) !!}
{!! Form::submit('Create Post', array('class' => 'btn btn-success btn-lg btn-block', 'style' => 'margin-top: 20px')) !!}
{!! Form::close() !!}
</div>
</div>
@endsection
_navbar.blade.php (входит в основной)
<link rel="stylesheet" type="text/css" href="css/style1.css">
<link rel="stylesheet" type="text/css" href="css/color/rose.css">
<nav class=" nim-menu navbar navbar-default navbar-fixed-top">
<div class="container1">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">Serv<span class="themecolor">i</span>ce</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
@if (Auth::check())
<li><a href="{{ route('dashboard') }}" class="active">Home</a></li>
<li><a href="{{ route('categories') }}">Categories</a></li>
<li><a href="{{ route('posts.create') }}">Create a Post</a></li>
<li><a href="{{ route('contact') }}">Contact Us</a></li>
<li><a href="#">Messages</a></li>
<li><a href="#">My Posts</a></li>
<li><a href="#">Logout</a></li>
@else
<li><a href="dashboard" class="active">Home</a></li>
<li><a href="categories">Categories</a></li>
<li><a href="createPost">Create a Post</a></li>
<li><a href="contact">Contact Us</a></li>
<li><a href="login">Login</a></li>
<li><a href="register">Register</a></li>
@endif
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
Решение
Все css и js перемещаются в общую папку и заменяют строку ниже _nav на строки файла _nav
<link rel="stylesheet" type="text/css" href="{{ URL::to('css/style1.css') }}">
<link rel="stylesheet" type="text/css" href="{{ URL::to('css/color/rose.css') }}">
Я надеюсь, что это работа. если не комментарий ниже
Другие решения
Других решений пока нет …
detector