Get the latest Laravel/PHP jobs, events and curated articles straight to your inbox, once a week
Source: dev.to
How to use Bootstrap with Laravel and Vite
While the Laravel community now mostly uses Tailwind CSS. https://getbootstrap.com/ - one of the most used CSS frameworks currently on the market, is still widely used by a portion of the community.
This post was written to go over how to install Bootstrap in a fresh Laravel installation to ease that struggle.
// vite.config.js export default defineConfig({ plugins: [ laravel({ input: ['resources/scss/app.scss', 'resources/js/app.js'], refresh: true, }), ]}); #importing-bootstrap-css Importing Bootstrap CSS
With that, you now know how to install and import Bootstrap with Laravel and Vite.
This post was written to go over how to install Bootstrap in a fresh Laravel installation to ease that struggle.
// vite.config.js export default defineConfig({ plugins: [ laravel({ input: ['resources/scss/app.scss', 'resources/js/app.js'], refresh: true, }), ]}); #importing-bootstrap-css Importing Bootstrap CSS
With that, you now know how to install and import Bootstrap with Laravel and Vite.
Newsletter
Glimpse
Glimpse streamlines Laravel development by seamlessly deploying GitHub pull requests to preview environments with the help of Laravel Forge.
Community Partners
Laravel/PHP Careers