2016-04-10 9 views
0

この問題の原因を突き止めることはできませんが、わかりやすく簡単です。私はメインビューmain.blade.php(ビューフォルダにあります)を拡張しています。これには、partialsフォルダのcssが含まれます。Laravel 5.2コントローラを介してサブURLをルーティングするときにbalde/cssが機能しなくなる

私は2つのページを持っています:Inquire、Approved toquire。 (どちらもビュー/トレーダー/フォルダーにあります)。違いはルーティングのみです。もう一方は/ inquires/inquiresを持っています。

Blade/Css working if on main route: Route::get('/enquires','Trader\[email protected]'); 
Blade/Css does not work when using suburl: Route::get('/enquires/approved','Trader\[email protected]'); 

この画像を参照してください: routing display error

あなたが他の情報、私に知らせておく Tahnks、 ダン

+0

。生成されたHTMLの ''セクション全体を表示できますか? –

+0

ルーティングから/ inquiresを離れるとうまくいくので奇妙です。 – DanRaw

答えて

1

が必要な場合は、問題がでているようですアセットへのリンクを作成する方法(画像、CSS、JSファイル)

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

資産への完全なパスを作成します。それを動作させるために、Laravel asset()ヘルパーを使用しています。

また、たとえば、プロジェクトの公開ディレクトリ内のすべての資産を維持する必要があります:それは、ブレード作品だが、あなたのCSSファイル(s)がロードされません/laravel_project/public/css/theme.css

+0

Ohh ..どういう過ちなのか、私は管理者のためにしましたが、フロントエンドを忘れてしまいました。 ) – DanRaw

+0

ようこそ) –

-1
ください
<meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 

    <title>@yield('title')</title> 

    <meta name="keywords" content="HTML5 Template" /> 
    <meta name="description" content="Trusted Workers - Find local tradesmen"> 

    <!-- Favicon --> 
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" /> 
    <link rel="apple-touch-icon" href="img/apple-touch-icon.png"> 

    <!-- Mobile Metas --> 
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 

    <!-- Web Fonts --> 
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CShadows+Into+Light" rel="stylesheet" type="text/css"> 

     <!-- Vendor CSS --> 
    <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.css"> 
    <link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.css"> 
    <link rel="stylesheet" href="vendor/simple-line-icons/css/simple-line-icons.css"> 
    <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.min.css"> 
    <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.min.css"> 
    <link rel="stylesheet" href="vendor/magnific-popup/magnific-popup.css"> 


    <!-- Theme CSS --> 
    <link rel="stylesheet" href="css/theme.css"> 
    <link rel="stylesheet" href="css/theme-elements.css"> 
    <link rel="stylesheet" href="css/theme-blog.css"> 
    <link rel="stylesheet" href="css/theme-shop.css"> 
    <link rel="stylesheet" href="css/theme-animate.css"> 

    <!-- Current Page CSS --> 
    <link rel="stylesheet" href="vendor/rs-plugin/css/settings.css" media="screen"> 
    <link rel="stylesheet" href="vendor/rs-plugin/css/layers.css" media="screen"> 
    <link rel="stylesheet" href="vendor/rs-plugin/css/navigation.css" media="screen"> 
    <link rel="stylesheet" href="vendor/circle-flip-slideshow/css/component.css" media="screen"> 

    <!-- Skin CSS --> 
    <link rel="stylesheet" href="css/skins/default.css"> 

    <!-- Theme Custom CSS --> 
    <link rel="stylesheet" href="css/custom.css"> 

    <!-- Head Libs --> 
    <script src="vendor/modernizr/modernizr.js"></script> 
関連する問題