2017-02-14 1 views
0

Laravel 5.4のroute-> Controller-> Viewに変数(get)を渡すときに私のブートストラップスタイルが失われます。ここ は私のコード -Laravel 5.4のroute-> Controller-> Viewに変数(get)を渡すときに私のブートストラップスタイルが失われます。

header.blade.php-> 
<a href="{{URL::to('/news/'.$v_all_published_category->id)}}"> 

    web.php-> 
    Route::get('/news/{id}', '[email protected]_news'); 

    NewsController.php-> 
    public function view_news($id) { 
      $category_info = Category::where('publication_status', 1)->get(); 
      $category_product = Product::where('id', $id)->get(); 
      $data = array(); 
      $data['header_content'] = view('Front_End.includes.header', ['all_published_category' => $category_info]); 
      $data['home_slider']= view('Front_End.slider.home_slider'); 
      $data['main_content'] = view('Front_End.category.category_content', ['category_product' => $category_product]); 
      $data['footer_content']= view('Front_End.includes.footer'); 
      return view('Front_End.master')->with($data); 
     } 

答えて

0

は、ブレード・ヘルパー・タグを使用してみましたでしょうか?

URLのディレクトリレベルが変更されると、スタイルが見つからないことがあります。完全なURLを生成するには、Laravelが提供するヘルパーを使用する必要があります。

はapp.blade.phpファイルでこのようにそれを統合しよう:

assets()

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

あるいは含むため、完全なリンクタグを作成するためのヘルパーあります:

{{ HTML::style('assets/css/bootstrap.min.css') }} 
は、

(これもjavascriptファイル用のものがあります)

あなたは、このリンクでは、この問題の参照としてとることができます。

I lose my bootstrap styles when passing variable (get) to route->Controller->View in Laravel 4

+0

おかげで..今CSSの作品が、javascriptの動作していません。私のcomposer.jsnファイルには "laravelcollective/html": "5.4。*"が含まれ、エイリアスにはフォームとhtmlファサードが含まれています。プロバイダにはCollective \ Html \ HtmlServiceProvider :: classが含まれていますが、なぜ動作しないのか分かりません。 –

+0

さて、あなたはあなたのcssとjsファイルを参照しているファイルを表示することができます。 –

+0

次の回答を参照してください –

1

@EdwardPalen

<!DOCTYPE html> 
<html> 
    <head> 
     <title>NewsFeed</title> 
     <meta charset="utf-8"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" type="text/css" href="{{ asset('page_assets/assets/css/bootstrap.min.css')}}"> 
     <link rel="stylesheet" type="text/css" href="{{ asset('page_assets/assets/css/font-awesome.min.css')}}"> 
     <link rel="stylesheet" type="text/css" href="{{ asset('page_assets/assets/css/animate.css')}}"> 
     <link rel="stylesheet" type="text/css" href="{{ asset('page_assets/assets/css/font.css')}}"> 
     <link rel="stylesheet" type="text/css" href="{{ asset('page_assets/assets/css/li-scroller.css')}}"> 
     <link rel="stylesheet" type="text/css" href="{{ asset('page_assets/assets/css/slick.css')}}"> 
     <link rel="stylesheet" type="text/css" href="{{ asset('page_assets/assets/css/jquery.fancybox.css')}}"> 
     <link rel="stylesheet" type="text/css" href="{{ asset('page_assets/assets/css/theme.css')}}"> 
     <link rel="stylesheet" type="text/css" href="{{ asset('page_assets/assets/css/style.css')}}"> 

    </head> 
    <body> 

     <a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a> 
     <div class="container"> 

      @yield('header_content') 

      @yield('slider') 

      @yield('main_content') 

      @yield('footer_content') 
     </div> 
     {{ Html::script('page_assets/assets/js/jquery.min.js') }} 
     {{ Html::script('page_assets/assets/js/wow.min.js') }} 
     {{ Html::script('page_assets/assets/js/bootstrap.min.js') }} 
     {{ Html::script('page_assets/assets/js/bootstrap.min.jss') }} 
     {{ Html::script('page_assets/assets/js/jquery.li-scroller.1.0.js') }} 
     {{ Html::script('page_assets/assets/js/jquery.newsTicker.min.js') }} 
     {{ Html::script('page_assets/assets/js/jquery.fancybox.pack.js') }} 
     {{ Html::script('page_asset`enter code here`s/assets/js/custom.js') }} 
    </body> 
</html> 
あなたの提案は、問題の半分を解決した。..
+0

ちょっと@AfsanaRahman、あなたは問題を解決するために管理しましたか? –

関連する問題