Laravel 8 Install Bootstrap Example Tutorial

By Hardik Savani May 1, 2024 Category : Laravel

In this tute, we will discuss laravel 8 install bootstrap 4. you can see install bootstrap 4 in laravel 8. if you have question about how to use bootstrap in laravel 8 then i will give simple example with solution. you'll learn laravel 8 npm install bootstrap 4. you will do the following things for install bootstrap for laravel 8.

If you are beginner with laravel 8 then i am sure i can help you to install bootstrap 4 in laravel 8. it's very simple way to install using laravel ui composer package. laravel ui package add laravel 8 support.

Laravel ui provide way to install bootstrap, vue and react setup. they also provide auth scaffold for login and register. laravel 8 provide easy way to work with bootstrap, vue and react.

If you want to install bootstrap 4 in your laravel 8 project then install following laravel ui composer package to get command:

composer require laravel/ui

After successfully install above package then we are ready to install bootstrap 4 with our application.

we can install two way, one is a simple bootstrap 4 setup install and another is install bootstrap 4 with auth. So let's see both way.

Install Bootstrap 4

php artisan ui bootstrap

Install Bootstrap 4 with auth

php artisan ui bootstrap --auth

Now we installed bootstrap, you can see your resource directory js folder.

You also need to install npm and run it. so let's run both command:

Install NPM

npm install

Run NPM

npm run dev

Now you can work with your bootstrap 4 app.

You can use it as like bellow:

<!doctype html>

<html>

<head>

<!-- Scripts -->

<script src="{{ asset('js/app.js') }}" defer></script>

<!-- Styles -->

<link href="{{ asset('css/app.css') }}" rel="stylesheet">

</head>

<body>

<h1>This is example from ItSolutionStuff.com</h1>

</body>

</html>

I hope it can help you...

Shares