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
ToastMail
Achieve superior email deliverability with ToastMail! Our AI-driven tool warms up inboxes, monitors reputation, and ensures emails reach their intended destination. Sign up today for a spam-free future.
Community Partners
Laravel/PHP Careers