Laravel 4 - CSS无法加载

时间:2014-10-25 06:53:45

标签: css laravel laravel-4

我已将html页面导入我的laravel 4项目。我将所有js和css文件链接在一起。但是,在加载页面时,页面只输出普通的html。

这是我的内部文件夹结构: enter image description here

在我的main.blade.php网站中,我链接到我的css:

 <!-- CSS Files
    ================================================== -->
    <link rel="stylesheet" href="{{asset('css/mainPage/bootstrap.css')}}" type="text/css">
    <link rel="stylesheet" href="{{asset('css/mainPage/jpreloader.css')}}" type="text/css">
    <link rel="stylesheet" href="{{asset('css/mainPage/animate.css')}}" type="text/css">
    <link rel="stylesheet" href="{{asset('css/mainPage/flexslider.css')}}" type="text/css">
    <link rel="stylesheet" href="{{asset('css/mainPage/plugin.css')}}" type="text/css">

任何建议我做错了什么?

感谢您的回答!

3 个答案:

答案 0 :(得分:2)

使用以下内容:

 <!-- CSS Files
    ================================================== -->
    <link rel="stylesheet" href="{{ URL::asset('assets/css/mainPage/bootstrap.css')}}" type="text/css">
    <link rel="stylesheet" href="{{ URL::asset('assets/css/mainPage/jpreloader.css')}}" type="text/css">
    <link rel="stylesheet" href="{{ URL::asset('assets/css/mainPage/animate.css')}}" type="text/css">
    <link rel="stylesheet" href="{{ URL::asset('assets/css/mainPage/flexslider.css')}}" type="text/css">
    <link rel="stylesheet" href="{{ URL::asset('assets/css/mainPage/plugin.css')}}" type="text/css">

答案 1 :(得分:2)

正如其他人已经指出的那样,你错过了这些资产&#39;在你的道路的开头。这是因为它需要相对于公用文件夹的完整路径 除此之外,我建议您使用Laravel提供的工具来生成css包含的完整链接标记。它使您的代码更清晰。

{{ HTML::style('assets/css/mainPage/bootstrap.css') }}

还有HTML::script('path')以及javascript文件

答案 2 :(得分:1)

在公用文件夹下提供目录的完整路径: -

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