Use Laravel 8 Jetstream with Bootstrap

Laravel 8's Jetstream offers a great authentication system, but many were surprised to find it doesn't natively support Bootstrap. To address this, we created our own package for Fortify, Jetstream's backend, offering a better solution for integrating Bootstrap.

Use Laravel 8 Jetstream with Bootstrap
Photo by Mohammad Rahmani / Unsplash
⚠️
The package described in this blog article has not been updated for use with Laravel 9, 10, 11 or newer versions.

Laravel 8 contains an excellent authentication application called Jetstream, however many users were surprised that they can no longer work (out of the box) with Bootstrap. Fortunately, there is a possibility to combine Jetstream with Bootstrap through nascent-africa. However, we were not satisfied enough with this package so we decided to make our own package for Fortify (the backend of Jetstream).

FortifyUI

Before introducing our package, let me thank zacksmash for offering a simple base for Fortify. FortifyUI, as the package is called, installs Fortify for you and configures the most important settings.

Fortify x Bootstrap (Tabler)

Our free package hosted on GitHub allows any Laravel developer to set up a fully functional Laravel application with authentication using just two commands. The package does not use Boostrap itself but Tabler, a framework based on Bootstrap. This gives you a better layout but maintains the simplicity and speed of Bootstrap. The latest version of our package includes a version of Tabler that is technically the same as Bootstrap 5 and therefore also includes the advantages of Bootstrap 5.

Below is a brief installation guide for the package.

  1. Connect to your server using SSH
  2. Run the composer create-project laravel/laravel appname command
  3. After the successful installation require our package using the following command: composer require proxeuse/fortify-tabler
  4. When the download is completed run the php artisan fortify-ui:tabler command to start the installer. Walkthrough the installer and run php artisan migrate afterwards.
  5. Done! You’ve successfully installed the Proxeuse/Fortify-Tabler package.

More information will be added to this page shortly. At the moment, detailed installation instructions and awnsers to the most asked questions can be found on GitHub.

Screenshots

Login Screen
Password Reset
Profile Edit Page
Public Registration Page
Two Factor Authentication via OTP
Re-confirm Password Page for sensitive Information

Subscribe to Proxeuse Blog

Don’t miss out on the latest issues. Sign up now to get access to the library of members-only issues.
jamie@example.com
Subscribe