2016-05-20 44 views
1

我在我的应用程序中使用母版页,所有自定义样式和引导文件都包含在那里,它的工作正常,但是当我使用通配符例如localhost /最终/用户/ ID所有引导和自定义样式链接无法正常工作,所有的文件都是公开的文件夹样式表不在某些页面上加载

<!-- Bootstrap CSS --> 
    <link href="css/bootstrap.css" rel="stylesheet"> 
    <link href="css/font-awesome.min.css" rel="stylesheet"> 
    <link href="css/portal-style.css" rel="stylesheet"> 
    <link href="css/portal-stylesheet.css" rel="stylesheet"> 

在这个屏幕截图我的看法与通配符

enter image description here

这是链接,当我使用任何一个不工作的所有文件通配符

enter image description here

+0

你也可以只使用一个根相对路径,比如'/ CSS/bootstrap.css' – Dale

回答

1

通常你可以使用HTTPS asset()secure_asset(),既会工作时,你的资产,比如CSS或JS文件是在public文件夹。 或者如果你不使用公共文件夹。比url()将在那里为你。

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

OR

<link href="{{ url('public/css/bootstrap.css') }}" rel="stylesheet"> 
2

您应该使用asset()帮助建立联系,以CSS:

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

它会为你工作,如果你保持在public/css目录css文件。

2

发生这种情况的原因是因为您编码的路径与您正在查看的页面相关的css文件的路径。

所以,当你查看:localhost/final/user/id浏览器去看看这里的CSS文件:localhost/final/user/css/bootstrap.css

Laravel有一些辅助的方法来去除设置你的资源文件(CSS,图像等)的疼痛。

如果您正在使用刀片,你可以使用asset()方法是这样的:

<link href="{{ asset('css/bootstrap.css') }}" rel="stylesheet"> 
<link href="{{ asset('css/font-awesome.min.css') }}" rel="stylesheet"> 
<link href="{{ asset('css/portal-style.css') }}" rel="stylesheet"> 
<link href="{{ asset('css/portal-stylesheet.css') }}" rel="stylesheet">