【问题标题】:Laravel (5.4) link to a css fileLaravel (5.4) 链接到 css 文件
【发布时间】:2017-08-03 00:17:44
【问题描述】:

我正在尝试将 css 文件链接到此刀片 header.blade.php 它不起作用,到目前为止我尝试过的任何方法都不起作用,除非我将它放入我正在使用的 *.blade.php 的同一个文件中。

:::layouts/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')

【问题讨论】:

  • 想准确发布您尝试过的什么
  • 嗯....是的,足够关心帮助吗?
  • css文件在哪里?
  • 您仅将 asset 助手用于您的 JavaScript。它应该用于所有资产,包括样式表。
  • 如果您真的在问题上发布了代码,而不是故意在外部链接中添加空格以规避社区规则,这将对社区有所帮助。

标签: css laravel url styles assets


【解决方案1】:

确保您的 css 文件位于您的“public”目录中,即:“public/css/styles.css”

那就试试吧:

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

【讨论】:

    【解决方案2】:

    在你的 header.blade.php 中包含这段代码

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

    【讨论】:

      【解决方案3】:

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

      因为使用 extend 不会产生内容,但它会扩展 html 页面——我一定已经从 html(或 php)文件(即)中删除了这些内容。

      最好的问候。

      【讨论】:

        【解决方案4】:

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

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

        如何防止这种情况以及调用文件中的 html 到达它应该去的地方(在函数调用处)?

        解决方案

        改用@include

        【讨论】:

          猜你喜欢
          • 2018-02-03
          • 2017-07-22
          • 2018-10-15
          • 1970-01-01
          • 2017-09-09
          • 2017-06-24
          • 1970-01-01
          • 1970-01-01
          • 2019-03-29
          相关资源
          最近更新 更多