laravel-bootstrap

VSCode: atajos de teclado para formatear código

Shift + Alt + F: Usuarios de Windows

Shift + Option + F: usuarios de macOS

Ctrl + Shift + I: usuarios de Linux

En este ocación veremos como instalar bootstrap dentro de laravel para hacer uso de las clases css.

1-Creamos un nuevo proyecto de laravel:

laravel new react-laravel.

2-Instale la interfaz de usuario de laravel para bootstrap.

composer require laravel/ui

3-Instalamos la autentificacion con las clases de bootstrap.

php artisan ui bootstrap --auth

4-Instalamos las dependencias de NPM

npm install

5-Importe  vite.config.js Ruta Bootstrap

import { defineConfig } from 'vite';

import laravel from 'laravel-vite-plugin';

import path from 'path'

export default defineConfig({

    plugins: [

        laravel([

            'resources/js/app.js',

        ]),

    ],

    resolve: {

        alias: {

            '~bootstrap': path.resolve(__dirname, 'node_modules/bootstrap'),

        }

    },

});

6-Importe Bootstrap en la carpeta js:

import './bootstrap';

import '../sass/app.scss'

import * as bootstrap from 'bootstrap'

7-Instalamos los paquetes nuevamente

npm install

npm run dev

npm run production

8:: Utilice lo en su plantilla

npm install

npm run dev

fuente::

https://techvblogs.com/blog/how-to-install-bootstrap-5-in-laravel-9-with-vite