covaleski / laravel-bootstrap-5
Bootstrap 5 components for Laravel.
Requires
- php: ^8.3
- laravel/framework: ^13.0
Requires (Dev)
- fakerphp/faker: ^1.23
- laravel/pail: ^1.2.5
- laravel/pint: ^1.27
- laravel/tinker: ^3.0
- mockery/mockery: ^1.6
- nunomaduro/collision: ^8.6
- phpunit/phpunit: ^12.5.12
- twbs/bootstrap: 5.3.8
README
Bootstrap 5 Blade components for Laravel.
Installation
Install this package using the Composer package manager:
composer require covaleski/laravel-bootstrap-5
Usage
First, include CSS and JS assets to the view using the @bootstrap_css and
@bootstrap_js directives:
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> @bootstrap_css <title>Bootstrap demo</title> </head> <body> <h1>Hello, world!</h1> @bootstrap_js </body> </html>
If you intend to preload Bootstrap's stylesheets, use the
@bootstrap_css_preloaddirective. Place it somewhere before the@bootstrap_cssdirective.
After including assets to the view, add the components you want to your Blade templates:
<x-bs::alert primary> A simple primary alert—check it out! </x-bs::alert>
See all available components in Components.
Icons
Use the @bootstrap_icons and the @bootstrap_icons_preload directives just
like the CSS directives to add Bootstrap's icon library to your application.
Configuration
By default, Bootstrap assets are loaded via CDN. You can change it in the
config/bootstrap.php configuration file.