php - Unable to get Bootstrap template to work with master page laravel framework -
i learning how work laravel framework using 4.2.0 version.
and have gotten part of master pages , child pages.
i trying inherit characteristics of master page child page.
by characteristics mean css, javascript header.
i working tutorial put me on lane achieving using bootstrap template. tutorial keep on getting "whoops, looks went wrong." error whenever include various parts of master page.
i notice when include different parts tutorial explains above error have tried gives error,
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 , respond.js ie8 support of html5 elements , media queries --> <!-- warning: respond.js doesn't work if view 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 , toggle grouped 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 nav links, forms, , other content 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 need 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 can 1 please out, confused why not working me
i got work moving included files same directory of directory master template
Comments
Post a Comment