Vaidikalaya
Privious Next

Install Bootstrap In Laravel 9

Follow the given steps to install Bootstrap with Laravel 9 quickly.

Step 1: Create a Laravel Project
laravel new laravel-with-bootstrap 
 OR 
composer create-project laravel/laravel laravel-with-bootstrap
Step 2: go to the project directory
cd laravel-with-bootstrap
Step 3: Install Laravel UI Package
composer require laravel/ui
Step 4: Install Bootstrap
php artisan ui bootstrap

If you want to install ui auth system then install bootstrap --auth

php artisan ui bootstrap --auth
Step 5: Now Install NPM
npm install
Step 6: Run Build Command
npm run build
Step 7: Script for importing bootstrap 

In your project where you need to use bootstrap use this script

@vite(['resources/sass/app.scss', 'resources/js/app.js'])

welcome.blade.php

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Bootstrap In Laravel 9</title>
    
    @vite(['resources/sass/app.scss', 'resources/js/app.js'])
</head>
<body>

    <h1 class="text-danger m-3">
        Welcome To Laravel 9 With bootstrap
    </h1>

</body>
</html>
Step 8: Finally your project is ready with bootstrap, Now run your project
php artisan serve
OUTPUT

Privious Next