Question

我正在尝试将css文件链接到此刀片header.blade.php 它不起作用，到目前为止我没有尝试过的任何东西都可以工作，除非我把它放到我正在使用的*.blade.php的同一个文件中。

:::布局/ header.blade.php :::

@section('header')
<!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">

    <title>Help</title>

    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Raleway:100,600" rel="stylesheet" type="text/css">

    <!-- Styles -->
    <link href="css/styles.css" rel="stylesheet" type="text/css" />

    <!-- Scripts -->
    <script src="{{ asset('js/jquery.js') }}"></script>

 </head>
<body>

@stop
////eof////

::: master.blade.php :::

@extends('layouts/header')
<div class="flex-center position-ref full-height">
    @if (Route::has('login'))
        <div class="top-right links">
           @auth
               <a href="{{ url('/home') }}">Home</a>
                @else
                    <a href="{{ route('login') }}">Login</a>
                    <a href="{{ route('register') }}">Register</a>
                @endauth
            </div>
        @endif

        <div class="content">
            <div class="title m-b-md">
                Master
            </div>
            <div class="links">
                <a href="#">About</a>
                <a href="#">Work</a>
            </div>
        </div>
    </div>
@yield('footer')

Answer 1

确保您的css文件位于“公共”目录中，即：'public / css / styles.css'

然后尝试：

<!-- Styles -->
<link href="{{ url('css/styles.css') }}" rel="stylesheet" type="text/css" />

Answer 2

将此代码包含在header.blade.php

中

<link rel="stylesheet" href="{!! asset('css/styles.css') !!}" media="all" type="text/css">

Answer 3

问题不在于资产或网址链接它是@section（'header'）和第一个文件中的@stop - layouts / header.blade.php 。

因为使用extend不会产生内容，但它扩展了html页面 - 我必须从html（或php）文件中删除它们（即）。

最好的问候。

Answer 4

另一个问题......附加到当前答案：

我注意到使用@extends会附加HTML而不是在调用函数的位置插入。

如何防止这种情况，以及调用文件中的html到达应该去的地方（在函数调用时）？

<强>解

使用@include代替

Laravel（5.4）链接到css文件

4 个答案: