2017-05-22 2 views
0

Ich benutze Laravel, um eine Webanwendung zu erstellen. Also habe ich eine header.css-Datei erstellt und sie befindet sich in public/assets/css/header.css. Was ich versuche, ist nur die Kopfzeile zu stylen, aber es funktioniert nicht.CSS funktioniert nicht in Laravel

In meinem default.blade.php Ich habe

<!doctype html> 
<html> 
<head> 
    @include('includes.head') 
</head> 
<body> 

     @include('includes.header') 

    <div id="main" class="row"> 

      @yield('content') 

    </div> 

    <footer class="row"> 
     @include('includes.footer') 
    </footer> 

</div> 
</body> 
</html> 

Meine head.blade.php für das externe Stylesheet den Link enthält, und es ist

<meta charset="utf-8"> 
<meta name="description" content="blah blah."> 
<meta name="author" content="Hunter Marshall"> 

<title>Elite Training Pro</title> 

<!-- load bootstrap from a cdn --> 
<!--<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/3.0.3/css/bootstrap-combined.min.css">--> 

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 

<!-- jQuery library --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

<!-- Latest compiled JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

<link media="all" type="text/css" rel="stylesheets" href="{{ URL::asset('assets/css/header.css') }}"></link> 

Mein header.blade.php ist

<div class="navbar nav-background"> 
    <div class="navbar-inner"> 
     <a id="logo" href="/">Elite Training Pro</a> 
     <ul class="nav"> 
      <li><a href="/">Home</a></li> 
      <li><a href="/about">About</a></li> 
      <li><a href="/projects">Projects</a></li> 
      <li><a href="/contact">Contact</a></li> 
     </ul> 
    </div> 
</div> 

Mein header.css ist

.nav-background { 
    background-color:green; 
} 

Jetzt habe ich versucht, HTML :: style(), nur Vermögenswerte(), HTML :: to(), aber nichts scheint zu funktionieren. Ich kann den Link zum Stylesheet in meinem Kopf sehen, wenn ich mir den Quellcode anschaue, aber es gibt keine Hintergrundfarbe. Ich sehe auch nicht die Datei in der Inspektionsquelle.

+0

Cache, versuchen: https://laravel.com/docs/5.4/cache https: // stackoverflow.com/questions/31455829/laravel-5-clear-cache-in-shared-hosting-server – pokeybit

+0

Das hat nicht geholfen – hjcoder18

+2

Obligatorisch Ihre 'rel' ist falsch, es ist' stylesheet' (singular) nicht 'stylesheets' (Plural) – Ohgodwhy

Antwort

0

Dies funktioniert href = "{{Vermögenswert ('assets/css/header.css')}}