Я хочу включить css все css и js в одну страницу и загрузить его на всю страницу. Теперь, если я хочу включить bootstrap.css и bootstrap.js на странице приветствия, я включил страницу welcome.blade.php, и если я хочу для добавления на другую страницу я включил также страницу second.blade.php. Я хочу включить ее в главную страницу
<link href="{{ asset('css/bootstrap.css') }}" rel="stylesheet"> Crate header.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="csrf-token" content="{{ csrf_token() }}" /> <meta name="description" content=""> <meta name="author" content=""> <title>dhinchakwale</title> <!-- Bootstrap Core CSS --> <link href="{{ asset('/css/bootstrap.min.css') }}" rel="stylesheet"> <link href="{{ asset('/css/datepicker.css') }}" rel="stylesheet" type="text/css"> <link href="{{ asset('/css/bootstrap-timepicker.min.css') }}" rel="stylesheet" type="text/css"> <link href="{{ asset('/css/dataTables.bootstrap.css') }}" rel="stylesheet"> <!-- Custom CSS --> <link href="{{ asset('/css/admin.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]--> <!-- jQuery --> <script src="{{ asset('/js/jquery.min.js') }}"></script> </head> <body id="page-top"> <nav class="navbar navbar-default"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <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 alt="Brand" src="{{asset('/images/logo.png')}}" class="img-brand"></a> </div> </div> </nav> <div class="content-div"> @yield('content') </div> <div class="clearfix"></div> <!-- Bootstrap Core JavaScript --> <script src="{{ asset('/js/bootstrap.min.js') }}"></script> <script src="{{ asset('/js/bootstrap-datepicker.js') }}"></script> <script src="{{ asset('/js/bootstrap-timepicker.min.js') }}"></script> </body> </html>
И используйте, как это Первый расширяет заголовок Второй раздел вашего контента
@extends('layouts.header') @section('content') <section class="content-header"> <h1> Hello </h1> </section> @stop
Вот шаги, которые вы можете выполнить
Чтобы создать главный шаблон //master.blade.php
<html lang="en"> @yield('header') <body> @yield('page-body') </body> </html>
Теперь растяните этот макет во втором .blade.php
@extend('master.blade') @section('header') <link href="{{ asset('css/bootstrap.css') }}" rel="stylesheet"> @endsection @section('page-body') {{!-- content of body --}} @endsection
Определите общий макет и включите в него все файлы .js и .css, а затем привяжите свою страницу к этому макету.
Планировка:
<html> <head> <title>App Name - @yield('title')</title> </head> <body> @section('sidebar') This is the master sidebar. @show <div class="container"> @yield('content') </div> </body> </html>
Где: директива @yield используется для отображения содержимого данного раздела.
Посмотреть:
@extends('layouts.default') @section('content') i am the home page @endsection
Вы можете определить файл макета макета, а затем определить свой CSS и JS. Затем весь ваш файл просмотра расширит этот файл макета. Смотрите документацию здесь: https://laravel.com/docs/5.3/blade