2016-05-20 43 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">