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:

Read Also: Laravel 8 Markdown | Laravel 8 Send Email using Markdown Example
<!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...

Tags :
Previous

Laravel 8 Markdown | Laravel 8 Send Email using Markdown Example
Next

Laravel 8 Install Vue JS Example Tutorial

We are Recommending you

Popular Posts

Categories

Latest Posts

Shares