Skip to content
Readerstacks logo Readerstacks
  • Home
  • Softwares
  • Angular
  • Php
  • Laravel
  • Flutter
Readerstacks logo
Readerstacks
How to Use Bootstrap 5 in Laravel 9

How to Use Bootstrap 5 in Laravel 9 ?

Aman Jain, May 30, 2022May 30, 2022

Bootstrap is a UI framework to enhance the beauty of website. In this tutorial i will show you to use Bootstrap 5 in laravel. Using the bootstrap we can enable multiple UI multiple functionality like we can show amazing buttons , card, input etc. Even with JavaScript library of bootstrap give us several functionality like popup, sliders, date picker etc.

To explain and understand the use bootstrap 5 in laravel 9 i will install the simple package laravel/ui which gives basic starting point using Bootstrap, React, and / or Vue. Laravel uses NPM to install these frontend frameworks in laravel application.

Let’s start the tutorial

Step 1: Create a fresh laravel project

Open a terminal window and type below command to create a new project

composer create-project --prefer-dist laravel/laravel blog

You can also read this to start with new project

Step 2 : Install the package

Now install the package using composer in laravel root directory, open the terminal in laravel root directory and run below command to install laravel/ui the package.

composer require laravel/ui

Step 3 : Enable the bootsrap

We have just installed the laravel/ui package now we can enable it using the below artisan command

php artisan ui bootstrap

Not only bootstrap you can easily enable vue or react js as well

php artisan ui vue
php artisan ui react

Or if you want to enable auth layout then

php artisan ui bootstrap --auth

Here we are also enabling the auth routes like login and register scaffolding page in bootstrap.

Step 4 : Install js and css using npm

Final step is to install js and CSS using node package manage(NPM)

npm install && npm run dev

Run our application using artisan command and check the implementation

php artisan serve

Screenshots:

laravel bootsrap
laravel bootsrap
Screenshot 2022 05 30 at 11.09.28 PM
Screenshot 2022 05 30 at 11.10.18 PM
Screenshot 2022 05 30 at 11.10.29 PM

Share this:

  • Facebook
  • X

Related

Php Laravel Laravel 9 bootstraplarvael

Post navigation

Previous post
Next post

Related Posts

Laravel How to Run Cron Job Scheduler in laravel

How to Run Cron Job Scheduler in laravel ?

May 18, 2022May 26, 2022

Cron are used to schedule a service or task run periodically on specific time, date or intervals. In laravel we can Run Cron Job Scheduler same in the way we use to run in Unix system by adding the cron in crontab configuration but in laravel there is a standard…

Share this:

  • Facebook
  • X
Read More
Php How to create custom logs file in laravel 8 9

How to create custom logs file in laravel 8 / 9 ?

May 16, 2022May 16, 2022

In this article i will show you to use and create custom logs file in laravel. Logging is an important aspect when you want to debug your application or you want to monitor the user activities on the application. Laravel itself provides a robust library to create logging on daily…

Share this:

  • Facebook
  • X
Read More
Php How to Send Mail in Laravel Through Sendgrid

How to Send Mail in Laravel 8 / 9 Through Sendgrid ?

May 10, 2022May 10, 2022

Sendgrid Provides multiple features to send the email like bulk email, marketing email , APIs, Delivery reports, Templates and many more. In that way send gird is much interesting and capable of performing many tasks related to marketing and bulk mailing. So in this article we will learn to use…

Share this:

  • Facebook
  • X
Read More

Leave a ReplyCancel reply

Aman Jain
Aman Jain

With years of hands-on experience in the realm of web and mobile development, they have honed their skills in various technologies, including Laravel, PHP CodeIgniter, mobile app development, web app development, Flutter, React, JavaScript, Angular, Devops and so much more. Their proficiency extends to building robust REST APIs, AWS Code scaling, and optimization, ensuring that your applications run seamlessly on the cloud.

Categories

  • Angular
  • CSS
  • Dart
  • Devops
  • Flutter
  • HTML
  • Javascript
  • jQuery
  • Laravel
  • Laravel 10
  • Laravel 9
  • Mysql
  • Php
  • Softwares
  • Ubuntu
  • Uncategorized

Archives

  • December 2023
  • November 2023
  • October 2023
  • July 2023
  • March 2023
  • November 2022
  • October 2022
  • September 2022
  • August 2022
  • July 2022
  • June 2022
  • May 2022
  • April 2022
  • March 2022
  • February 2022
  • January 2022
  • December 2021
  • November 2021
  • October 2021
  • September 2021
  • August 2021
  • July 2021
  • June 2021

Recent Posts

  • How to Call Controller Method from Another Controller in Laravel ?
  • How to Get Domain Name in Laravel ?
  • How to Append Query String to Route in Laravel ?
  • How to Append URL Query Params to Pagination Laravel ?
  • How to Get Today Records in Laravel ?
©2023 Readerstacks | Design and Developed by Readerstacks
Go to mobile version