我使用的佈局頁面名爲home.blade.php。這裏是代碼。HTML擴展布局不起作用
<!DOCTYPE html>
<html lang="{{ config('app.locale') }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Training Management</title>
<meta name="description" content="Free Bootstrap Theme by BootstrapMade.com">
<meta name="keywords" content="free website templates, free bootstrap themes, free template, free bootstrap, free website template">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:400,300|Raleway:300,400,900,700italic,700,300,600">
<link rel="stylesheet" type="text/css" href="css/jquery.bxslider.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
{!! Charts::assets() !!}
</head>
<body>
<div class="loader"></div>
<div id="myDiv">
<!--HEADER-->
<div class="header">
<div class="bg-color">
<header id="main-header">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="home#">MOB<span class="logo-dec">ITEL</span></a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li class=""><a href="#feature">Trainee Details</a></li>
<li class=""><a href="#service">User Registration</a></li>
<li class=""><a href="#portfolio">Downloads</a></li>
<li class=""><a href="#testimonial">Certificate & Evaluation</a></li>
<li class=""><a href="#blog">Training Programs</a></li>
<li class=""><a href="#contact">Contact Us</a></li>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
{{ Auth::user()->name }} <span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="{{ route('logout') }}"
onclick="event.preventDefault();
document.getElementById('logout-form').submit();">
Logout
</a>
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
{{ csrf_field() }}
</form>
</li>
</ul>
</li>
</ul>
</ul>
</div>
</div>
</nav>
</header>
<div class="wrapper">
<div class="container">
<div class="row">
<div class="banner-info text-center wow fadeIn delay-05s">
</div>
</div>
</div>
</div>
@yield('content')
</div>
<footer id="footer" >
<div class="container">
<div class="row text-center">
<p>© All Rights Reserved.</p>
<div class="credits">
</div>
</div>
</div>
</footer>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.js"></script>
<script src="js/jquery.bxslider.min.js"></script>
<script src="js/custom.js"></script>
<script src="contactform/contactform.js"></script>
</body>
</html>
這種佈局需要在網頁中使用,它已經擴展了我,但沒有working.here是代碼。
`@extends('layouts.home')
@section('content')
<div class="panel panel-default">
<div class="panel-body">
<div class="col-md-6 col-md-offset-3">
<table class="table table-bordered">
<tbody>
<tr>
<td>Training ID</td>
<td>{{ $item['trainee_id'] }}</td>
</tr>
<tr>
<td>Name With Initials</td>
<td>{{ $item['trainee_name'] }}</td>
</tr>
<tr>
<td>Download Details</td>
<td><a class="btn btn-success" href="BankExport/{{ $item->trainee_id }}">See Here</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
@endsection`
所有的CSS頁面都在正確的子目錄中嗎? ('css/bootstrap.min.css') – cosinepenguin
是的,有些頁面可以正常工作,但是使用這種類型的表單工作不正常,因此我需要 – Dasun
在Chrome中,轉到查看>開發人員> JavaScript控制檯,然後刷新頁面127.0。 0.1:8000/Bankdetails/MOB/TR/1743。是否有任何記錄錯誤? – cosinepenguin