4.2.0バージョンを使用してlaravelフレームワークを操作する方法を学習しています。マスターページlaravelフレームワークで動作するブートストラップテンプレートを取得できません
などです。マスターページと子ページの一部になっています。
子ページからマスターページの特性を継承しようとしています。
特徴によって、私は平均値CSS
,JavaScript
ヘッダーを意味します。
私はbootstrap
テンプレートを使ってこれを達成するために私を車線上に置くチュートリアルで作業していました。 Tutorial 私は "おっとり、何かが間違っているように見える"ことを続けています。マスターページのさまざまな部分を含めるたびにエラーが発生します。
私は異なる部分が含まれている場合チュートリアルでは、私はこれは私がエラーを与えることを試みているものです上記のエラー を得る説明しているように私は
main.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Agency - Start Bootstrap Theme</title>
<!-- Bootstrap Core CSS -->
<link href="<?php echo asset('vendor/bootstrap/css/bootstrap.min.css');?>" rel="stylesheet">
<!-- Custom Fonts -->
<link href="<?php echo asset('vendor/font-awesome/css/font-awesome.min.css');?>" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
<!-- Theme CSS -->
<link href="<?php echo asset('css/agency.min.css');?>" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="page-top" class="index">
@include('layouts.partials._navigation')
@include('layouts.partials._header')
@yield('content')
@include('layouts.partials._footer')
</body>
</html>
_navigation.blade.php
<!-- Navigation -->
<nav id="mainNav" class="navbar navbar-default navbar-custom navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
</button>
<a class="navbar-brand page-scroll" href="#page-top">Start Bootstrap</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#services">Services</a>
</li>
<li>
<a class="page-scroll" href="#portfolio">Portfolio</a>
</li>
<li>
<a class="page-scroll" href="#about">About</a>
</li>
<li>
<a class="page-scroll" href="#team">Team</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
_header.blade.php
<header>
<div class="container">
<div class="intro-text">
<div class="intro-lead-in">{{$myname}}!</div>
<div class="intro-heading">my location {{$mylocation}} date : {{date('m')}}</div>
<a href="#services" class="page-scroll btn btn-xl">Tell Me More</a>
</div>
</div>
</header>
_footer.blade.php
<!-- jQuery -->
<script src="<?php echo asset('vendor/jquery/jquery.min.js');?>"></script>
<!-- Bootstrap Core JavaScript -->
<script src="<?php echo asset('vendor/bootstrap/js/bootstrap.min.js');?>"></script>
<!-- Plugin JavaScript -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<!-- Contact Form JavaScript -->
<script src="<?php echo asset('js/jqBootstrapValidation.js');?>"></script>
<script src="<?php echo asset('js/contact_me.js');?>"></script>
<!-- Theme JavaScript -->
<script src="<?php echo asset('js/agency.min.js');?>"></script>
child page that i need to inherit master page
@extends('layouts.main')
@section('content')
<!-- Services Section -->
<section id="services">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Services</h2>
<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
</div>
</div>
<div class="row text-center">
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-shopping-cart fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">E-Commerce</h4>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-laptop fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">Responsive Design</h4>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-lock fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">Web Security</h4>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
</div>
</div>
</div>
</section>
@endsection
いくつかのいずれかが、私は混乱しています、助けてくださいすることができ、気づきますこれは私のため
の同じディレクトリに含まれるファイルを移動することで動作するようになりましたまたは別のファイル分割を表示していますか? – apokryfos
はい、上記のmain.blade.phpコードを見てください –
それは私の質問に答えることはありません – apokryfos