10
votes

Ajout de fichiers CSS et JS à Laravel 5.3

Je veux inclure un CSS tout CSS et JS en une seule page et chargez-le dans toutes les pages si je veux inclure Bootstrap.css et bootstrap.js dans la page d'accueil J'ai inclus dans la page welcome.blade.php et Si je veux ajouter une autre page, j'ai inclus dans second.blade.php page aussi.Je veux l'inclure dans la page Master

<link href="{{ asset('css/bootstrap.css') }}" rel="stylesheet">


3 commentaires

Cracher un heavader séparé.blade et incluent CSS et JS. Puis s'étend dans chaque page


Puis-je inclure une blade.php dans une autre page?


Oui .. ci-dessous je partage mon code


4 Réponses :


3
votes

Définissez une mise en page commune et incluez tous les fichiers .js et .CSS sur cette mise en page et lier votre page avec cette mise en page.

Layout: xxx

où: @Yield Directive est utilisé pour afficher le contenu d'une section donnée.

Vue: < Pré> xxx


0 commentaires

1
votes

Vous pouvez définir un fichier de visualisation de la mise en page principale puis définir votre CSS et JS là-bas. Ensuite, tout votre fichier d'affichage étendra ce fichier de mise en page. Voir la documentation ici: https://laravel.com/docs/5.3/blade


0 commentaires

14
votes

Crate Header.blade.php

@extends('layouts.header')
@section('content')
  <section class="content-header">
    <h1>
      Hello
    </h1>
  </section>
@stop  


0 commentaires

4
votes

Voici les étapes que vous pouvez suivre

  1. Créer une mise en page Modèle de Master LI>
  2. Étendez le modèle principal dans toutes les pages et collez votre lien dans la section d'en-tête li> ol>

    pour créer un modèle de maître //master.blade.phpled/profre> xxxxx EXTENDREZ cette disposition en second.blade.php p>

    @extend('master.blade')
    @section('header')
       <link href="{{ asset('css/bootstrap.css') }}" rel="stylesheet">
    @endsection
    @section('page-body')
       {{!-- content of body --}}
    @endsection
    


0 commentaires