Laravel 11 Bootstrap Breeze

@mozew you can use this package: https://github.com/guizoxxv/laravel-breeze-bootstrap

Simple, install as normal, publish the vendor files, change all the tailwind classes into bootstrap, and add the by bootstrap needed html tags.

1. Ensure Laravel Breeze is Installed

Make sure Laravel Breeze is already installed in your project. If not, you can install it with:

composer require laravel/breeze --dev
php artisan breeze:install
npm install && npm run dev

2. Install Bootstrap 5

Add Bootstrap 5 to your project using npm:

npm install bootstrap@latest
npm install @popperjs/core --save

3. Update app.css

Replace the default Laravel CSS to include Bootstrap styles. Open resources/css/app.css, delete its content, and replace it with:

@import "bootstrap/dist/css/bootstrap.min.css";

4. Add Bootstrap JavaScript

Edit the resources/js/app.js file to import Bootstrap JavaScript:

import 'bootstrap';

5. Compile Assets

After making changes, compile your assets with:

npm run dev

For continuous development, use:

npm run watch

6. Remove Tailwind CSS (Optional)

If you no longer want to use Tailwind CSS, you can remove it:

Remove the @tailwind directives from resources/css/app.css.

Uninstall Tailwind CSS and its dependencies from package.json:

npm uninstall tailwindcss postcss autoprefixer

Reinstall and recompile the assets:

npm install && npm run dev