How to install Bootstrap 4 in Laravel 7?

Admin   Laravel   44  2020-08-12 03:03:36

If you need to see example of laravel 7 install bootstrap 4. i explained simply about how to use bootstrap in laravel 7. we will help you to give example of install bootstrap 4 in laravel 7. you will learn composer install bootstrap 4 laravel 7.

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

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

If you want to install bootstrap 4 in your laravel 7 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 </h1>

</body>

</html>

I hope it can help you...