CSS在laravel中不起作用答案

【问题标题】：CSS not working in laravelCSS在laravel中不起作用
【发布时间】：2017-10-22 15:07:39
【问题描述】：

我正在使用 Laravel 创建一个 Web 应用程序。所以我创建了一个 header.css 文件，它位于 public/assets/css/header.css 中。我想要做的只是设置标题的样式，但它不起作用。

在我的 default.blade.php 我有

<!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>

我的 head.blade.php 包含外部样式表的链接，它是

<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>

我的 header.blade.php 是

<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>

我的 header.css 是

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

现在我尝试了 HTML::style()、assets()、HTML::to()，但似乎没有任何效果。当我查看源代码时，我可以在脑海中看到样式表的链接，但是没有背景颜色。我也没有在检查源中看到该文件。

【问题讨论】：

缓存，试试：laravel.com/docs/5.4/cache stackoverflow.com/questions/31455829/…
这没有帮助
强制你的rel 是错误的，它是stylesheet（单数）而不是stylesheets（复数）
转到您的页面，按 Ctrl + U（查看源代码）找到指向您的 CSS 的链接并将其复制到新选项卡。你拿到文件了吗？你甚至看到它的链接吗？如果第一个问题的答案是否定的，您可能没有将 CSS 复制到正确的目录。如果第二个问题的答案是否定的，您可能没有正确包含您的部分。
不确定这是否是问题所在，但我只是将 rel 更改为样式表。现在可以了。

标签： css laravel

【解决方案1】：

这行得通 href="{{ 资产('assets/css/header.css') }}

【讨论】：

【解决方案2】：

只需在文件夹路径指令前使用 /

<link rel="stylesheet" href="/assets/css/styles.css">

在你的代码中尝试这样

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

【讨论】：