Laravel install Bootstrap 4 Example

April 3, 2020 | Category : Laravel

This tutorial shows you composer install bootstrap 4 laravel. this example will help you npm install bootstrap 4 laravel. This article will give you simple example of install bootstrap for laravel 7. step by step explain use bootstrap 4 in 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 HDTuto.com</h1>

</body>

</html>

I hope it can help you...