I'm using Laravel 5.4 and although my style.css file is in my public folder and referenced using
<link href="" rel="stylesheet">
the css is just not working. I link to the CSS file in my app.blade.php which I extend to all other pages using
@extends('layouts.app')
here is how the head of my app.blade.php looks
<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="">
<!-- Styles -->
<link href="" rel="stylesheet">
<link href="" rel="stylesheet">
<link href="http://ift.tt/2pj6mAc" rel="stylesheet">
<link href="http://ift.tt/2vyMHdQ" rel="stylesheet">
<link href="http://ift.tt/2vgJ6FP" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css">
</head>
here is an example of where I'm extending the app.blade.php page
@section('content')
<div class="container">
<div class="col-md-8 col-md-offset-0 container">
<div class="container">
<div id="products" class="row list-group">
@role('admin')
<div class="item col-xs-4 col-lg-4">
<div class="thumbnail">
<a href="/drivers"><img class="group list-group-image" src="" alt="" /></a>
<div class="caption">
<h4 class="group inner list-group-item-heading">
Driver Management</h4>
</div>
</div>
</div>
<div class="item col-xs-4 col-lg-4">
<div class="thumbnail">
<a href="/trucks"><img class="group list-group-image" src="" alt="" /></a>
<div class="caption">
<h4 class="group inner list-group-item-heading">
Vehicle Management</h4>
</div>
</div>
</div>
<div class="item col-xs-4 col-lg-4">
<div class="thumbnail">
<a href="/staff"><img class="group list-group-image" src="" alt="" /></a>
<div class="caption">
<h4 class="group inner list-group-item-heading">
Staff Management</h4>
</div>
</div>
</div>
@endrole
@if(Auth::user()->hasRole(['admin', 'operations']))
<div class="item col-xs-4 col-lg-4">
<div class="thumbnail">
<a href="/trips"><img class="group list-group-image" src="" alt="" /></a>
<div class="caption">
<h4 class="group inner list-group-item-heading">
Trip Expenses</h4>
</div>
</div>
</div>
@endif
@role('admin')
<div class="item col-xs-4 col-lg-4">
<div class="thumbnail">
<a href="/reports"><img class="group list-group-image" src="" alt="" /></a>
<div class="caption">
<h4 class="group inner list-group-item-heading">
Report Center</h4>
</div>
</div>
</div>
<div class="item col-xs-4 col-lg-4">
<div class="thumbnail">
<a href="/users"><img class="group list-group-image" src="" alt="" /></a>
<div class="caption">
<h4 class="group inner list-group-item-heading">
Settings</h4>
</div>
</div>
</div>
@endrole
</div>
</div>
</div>
</div>
@endsection
and here is my sample css in my style.css file which is being referenced in app.blade.php
body{
display: none;
}
I expect that if my CSS is correctly being loaded, then I shouldn't see anything right? correct me if I'm wrong.
But anything I try in my style.css just doesn't seem to take effect properly.
Could someone tell me why?
Regards
via Chebli Mohamed
Aucun commentaire:
Enregistrer un commentaire