Question

我面临布局的奇怪问题。似乎主布局将输出一个空的：

<style></style>

结束时的

<head></head>

覆盖我的

<link rel="stylesheet" href="main.css">

正如Chrome控制台中显示的那样：

enter image description here

代码非常简单，我的主视图是：

<!doctype html>
<html class="no-js" lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Form Console Master Pages</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="main.css">
    </head>
    <body>
        <div class='content'>
            <div id="top">
                <h3>Video Game Consoles are pretty awesome! </h3>
                <p>This is a database of Videogames Consoles</p>
            </div>
            @yield('content')
        </div>
    </body>
</html>

索引视图是：

@extends('layouts.consoles')
@section('content')
    {{ $data }}
@stop

如控制台所示，视图将应用空样式。我不知道最后一个空样式标签来自哪里。

Answer 1

您需要使用URL :: asset

编辑您的css链接

<link rel="stylesheet" href="{{ URL::asset('main.css') }}">

**注意URL::asset表示您的project/public/目录。

Answer 2

您需要在样式之后和@yield('styles')

之前添加</head>

Laravel的刀片master.layout不会显示样式

2 个答案: