Skip to content

All topics  /  Laravel

How to Install Bootstrap 4 in Laravel 9?

Laravel ·

When “How to Install Bootstrap 4 in Laravel 9?” moves through design, development and browser testing, the official example can clarify hand-offs and time spent on revisions while leaving code quality, accessibility and released behaviour as the real measures of success.

For API changes, browser support and current usage patterns, compare the snippet with Bootstrap before adopting it in production.

Hi Guys,

Today, I will learn you how to install bootstrap 4 in laravel 9, We will show step-by-step install bootstrap 4 in laravel 9. and we will explain laravel 9 install bootstrap 4. you can see install bootstrap 4 in laravel 9. if you have a question about how to use bootstrap in laravel 9 then I will give a simple example with a solution. you'll learn laravel 9 npm install bootstrap 4. you will do the following things for install bootstrap for laravel 9.

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

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

Here, I will give you a full install for Bootstrap 4 in laravel 9 as bellow.

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

Step 1: Download Laravel


Let us begin the tutorial by installing a new laravel application. if you have already created the project, then skip following step. 

composer create-project laravel/laravel example-app

Step 2: Install Laravel ui 

composer require laravel/ui

Next, successfully install the above package then I will be ready to install bootstrap 4 with our application.

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

Step 3: Install Bootstrap 4 

php artisan ui bootstrap

Step 4: Install Bootstrap 4 with auth 

php artisan ui bootstrap --auth

Here 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 commands.

Step 5: Install NPM 

npm install

Step 6: Run NPM 

npm run dev

Now you can work with your bootstrap 4 in laravel 9 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 nicesnippets.com</h1>
</body>
</html>

It will help you...

More on this topic