Skip to content

This repository shows how to install and configure Bootstrap 5 in a Laravel 12 project using Vite for asset bundling. It includes step-by-step setup to add Bootstrap, integrate icons, and compile SCSS and JS for building modern, responsive Laravel applications.

Notifications You must be signed in to change notification settings

itstuffsolutions/how-to-install-bootstrap-5-in-laravel-12-with-vite

Repository files navigation

How to Install Bootstrap 5 in Laravel 12 with Vite

This repository demonstrates how to install and configure Bootstrap 5 in a Laravel 12 project using Vite for asset bundling.
It follows the step-by-step tutorial published on ItStuffSolutiotions.io.


🚀 Introduction

Laravel 12 comes with Vite as the default frontend build tool.
This guide helps you integrate Bootstrap 5 and optionally Bootstrap Icons into your Laravel app.

After completing this setup, you’ll be able to use Bootstrap’s responsive grid system, components, and utilities in your Blade templates.


🧩 Requirements

  • Laravel 12
  • PHP 8.1+
  • Node.js & NPM
  • Composer

⚙️ Installation Steps

1️⃣ Create a new Laravel project

composer create-project laravel/laravel bootstrap-vite
cd bootstrap-vite

About

This repository shows how to install and configure Bootstrap 5 in a Laravel 12 project using Vite for asset bundling. It includes step-by-step setup to add Bootstrap, integrate icons, and compile SCSS and JS for building modern, responsive Laravel applications.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages