Entradas

Instalar Bootstrap en Laravel usando Laravel UI

  Instalar Bootstrap en Laravel usando Laravel UI Este tutorial te guiará paso a paso para instalar y configurar Bootstrap en un proyecto Laravel utilizando el paquete oficial  laravel/ui . Prerrequisitos Tener Composer instalado Tener Node.js y npm instalados Un proyecto Laravel existente Paso 1: Instalar Laravel UI Primero, instala el paquete  laravel/ui  mediante Composer: bash composer require laravel/ui Paso 2: Generar los archivos de autenticación y scaffolding de Bootstrap Ejecuta el siguiente comando para generar el scaffolding de Bootstrap: bash php artisan ui bootstrap Si también quieres incluir el sistema de autenticación (login, registro, etc.): bash php artisan ui bootstrap --auth Paso 3: Instalar las dependencias de npm Instala todas las dependencias de JavaScript incluyendo Bootstrap: bash npm install Paso 4: Compilar los assets Compila los archivos CSS y JavaScript: bash npm run dev Para compilar en modo de desarrollo con watch (recompila automátic...
Publicar un comentario
Leer más

Tutorial para instalar y usar Laravel Assets

  Tutorial para instalar y usar Laravel Assets Te guiaré paso a paso para instalar y usar assets (recursos estáticos como CSS, JavaScript, imágenes) en Laravel. 1. Estructura de directorios de assets en Laravel Laravel organiza los assets en la carpeta  public/ : text public/ ├── css/ ├── js/ ├── images/ └── index.php 2. Métodos para incluir assets Método 1: Usando la función  asset()  (Recomendado) php < ! -- En tus vistas Blade -- > < link href = "{{ asset('css/app.css') }}" rel = "stylesheet" > < script src = "{{ asset('js/app.js') }}" > < / script > < img src = "{{ asset('images/logo.png') }}" alt = "Logo" > Método 2: Usando URL absoluta php < link href = "/css/app.css" rel = "stylesheet" > Método 3: Usando Mix (para assets compilados) php < link href = "{{ mix('css/app.css') }}" rel = "stylesheet" > 3. Configura...
Publicar un comentario
Leer más