Skip to content

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

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages