The Bootstrap and Vue scaffolding provided by Laravel is located in the
laravel/ui Composer package, which may be installed using Composer:composer require laravel/ui
Once the
laravel/ui package has been installed, you may install the frontend scaffolding using the ui Artisan command:// Generate basic scaffolding...
php artisan ui bootstraplaravel/ui Composer package and generating the frontend scaffolding, Laravel's package.json file will include the bootstrap package to help you get started prototyping your application's frontend using Bootstrap.
Before compiling your CSS, install your project's frontend dependencies using the Node package manager (NPM):
npm install
Once the dependencies have been installed using
npm run devnpm install, you can compile your SASS files to plain CSS using Laravel Mix. The npm run dev command will process the instructions in your webpack.mix.js file. Typically, your compiled CSS will be placed in the public/css directory:entonces,
ya se puede usar la hoja de stylo desde nuestro archivo de vista base:
en resources/views/base.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Laravel 7 & MySQL CRUD Tutorial</title>
<link href="{{ asset('css/app.css') }}" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
@yield('main')
</div>
<script src="{{ asset('js/app.js') }}" type="text/js"></script>
</body>
</html>
entonces nuestras paginas que extiende de este archivo por ejemplo las de
resources/views/posts
@extends('base')
@section('main')
<div class="row">
...
<div/>
@endsection
No hay comentarios:
Publicar un comentario