【问题标题】:Link CSS file in blade file?在刀片文件中链接 CSS 文件?
【发布时间】:2016-09-21 08:39:16
【问题描述】:

如何在刀片文件中正确链接我的 css 文件?我试过<link rel = "stylesheet" type = "text/css" href = "navigation.css"> 但对我不起作用。我在同一文件夹中创建了一个包含导航栏的子页面以及一个 css 文件。所以它们位于模板的(部分)文件夹子文件夹下。

navigation.blade.php

<link rel = "stylesheet" href= "{{ URL::asset('assets/css/bootstrap.min.css')}}">

<div class = "navbar navbar-default">
<ul>
    <li>
        <a href = "#">Login</a>
        <a href = "#">Register</a>
    </li>
</ul>
</div>

navigation.css

.navbar-default
{
background-color: #7574bf;
}

引导库。

【问题讨论】:

    标签: php css twitter-bootstrap-3 laravel-5.2


    【解决方案1】:

    您需要在样式表中添加另一个&lt;link&gt;。这将得到你的css文件。 (如果它与bootstrap.min.css 在同一目录中,这将有效)

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

    所以你的代码将是:

    <link rel = "stylesheet" href= "{{ URL::asset('css/bootstrap.min.css')}}">
    <link rel = "stylesheet" href= "{{ URL::asset('css/navigation.css')}}">
    
    <div class = "navbar navbar-default">
    <ul>
        <li>
            <a href = "#">Login</a>
            <a href = "#">Register</a>
        </li>
    </ul>
    </div>
    

    您的文件夹结构:

    public/css
    public/images
    public/fonts
    public/js
    

    希望这行得通!

    【讨论】:

    • 没用。如果它们在同一个文件夹中,如何正确链接?
    • @Francisunoxx 你能在浏览器中打开你的“开发者控制台”,看看是否有一些错误(比如 404 未找到)?
    • 上面写着Failed to load resource: the server responded with a status of 404 (Not Found)
    • @Francisunoxx 是位于/public 文件夹或其他位置的文件?
    • 我位于resources/assets/ 的引导文件正确吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-05-13
    • 2020-04-10
    • 1970-01-01
    • 2022-01-05
    • 2015-02-26
    • 1970-01-01
    相关资源
    最近更新 更多