2017-03-03 4 views
0

私のページのためのテンプレートをダウンロードしたと私は1ファイルにナビゲーションを入れたい。私はそうするために多くの方法を試しました:@section @extendsは動作していません。私は何も助けられたすべてをチェックした

@extends('navigation') the file is in views. 

@yield('navigation') 

@section('navigation') 
    <nav class="navbar navbar-inverse" role="banner"> 
     <div class="container"> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
        <span class="sr-only">Toggle navigation</span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
       <a class="navbar-brand" href="/"><img width='60' src="images/logo.png" alt="logo"></a> 
      </div> 

      <div class="collapse navbar-collapse navbar-right"> 
       <ul class="nav navbar-nav"> 
        <li ><a href="/">Home</a></li> 
        <li><a href="about_us">About Us</a></li> 
        <li><a href="services">Services</a></li> 
        <li><a href="portfolio">Portfolio</a></li> 
        <li class="dropdown"> 
         <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <i class="fa fa-angle-down"></i></a> 
         <ul class="dropdown-menu"> 
          <li><a href="blog-item">Blog Single</a></li> 
          <li><a href="pricing">Pricing</a></li> 
          <li><a href="404">404</a></li> 
          <li><a href="shortcodes">Shortcodes</a></li> 
         </ul> 
        </li> 
        <li><a href="{{route('blog.index')}}">Blog</a></li> 
        <li><a href="contact-us">Contact</a></li> 
        <li class="dropdown"> 
         <a href="#" class="dropdown-toggle" data-toggle="dropdown">User <i class="fa fa-angle-down"></i></a> 
         <ul class="dropdown-menu"> 
         </ul> 
        </li> 

       </ul> 
      </div> 
     </div><!--/.container--> 
    </nav><!--/nav--> 
@stop 

何も助けられませんでした。助言がありますか?

+1

エラーは何ですか? 「うまくいかない」という表現はあまり詳しくない。 –

+1

フォーマットを修正してください。そして、マスターブレード、実際のビューファイル、およびnavファイルを表示します(これは既に共有しています - これは部分的だと仮定していますか?)。 –

+0

Ps: '@ extends'はあなたのマスターテンプレートを指定することです。部分的な部分を含めることはできません。 –

答えて

2

もう一度Laravel blade templatesにお読みください。コードを見ることなく、どこが間違っているのかを知ることは難しいです。しかし、その音/外見では、navファイルを間違って含み、マスターテンプレートを適切に拡張していません。

はここにありますどのようにこのはず作品:

master.blade.php

<!doctype html> 
<html> 
    <head> 
     <meta charset="utf-8" /> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 

     ... 
    </head> 
    <body> 
     @include('menu.navigation') 
     @yield('content') 
     @yield('footer') 
    </body> 
</html> 

メニュー/ navigation.blade.phpファイル(ディレクトリごとのように変更構造など):

<nav class="navbar navbar-inverse" role="banner"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="/"><img width='60' src="images/logo.png" alt="logo"></a> 
     </div> 

     <div class="collapse navbar-collapse navbar-right"> 
      <ul class="nav navbar-nav"> 
       <li ><a href="/">Home</a></li> 
       <li><a href="about_us">About Us</a></li> 
       <li><a href="services">Services</a></li> 
       <li><a href="portfolio">Portfolio</a></li> 
       <li class="dropdown"> 
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <i class="fa fa-angle-down"></i></a> 
        <ul class="dropdown-menu"> 
         <li><a href="blog-item">Blog Single</a></li> 
         <li><a href="pricing">Pricing</a></li> 
         <li><a href="404">404</a></li> 
         <li><a href="shortcodes">Shortcodes</a></li> 
        </ul> 
       </li> 
       <li><a href="{{route('blog.index')}}">Blog</a></li> 
       <li><a href="contact-us">Contact</a></li> 
       <li class="dropdown"> 
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">User <i class="fa fa-angle-down"></i></a> 
        <ul class="dropdown-menu"> 
        </ul> 
       </li> 

      </ul> 
     </div> 
    </div><!--/.container--> 
</nav><!--/nav--> 

実際のページコンテンツ(例: somepage.blade.php):

@extends('layouts.master') 

@section('content') 
    // your html code 
@stop 

私はここでやったようにあなたは、あなたのマスターファイルの末尾にJSをしたい場合。あなたは正しい道を始めるためにブレードのテンプレートで作業するとき

@section('footer') 

<script> 
    $(function() { 
     // code 
    }); 
</script> 

@stop 

これはあなたの重要な例のほとんどを示しています。ただ、そのようなセクションを作成します。

+0

@include( 'menu.navigaion)を追加できました。ありがとうございました! ) –

+0

素晴らしいです。問題が修正された場合私の答えは受け入れてください。 –

関連する問題