Laravel 8 JetStream引导4

Question

我正在使用jetstream UI和Laravel 8，我已经检查过了，我知道Laravel团队没有计划制作Bootstrap版本的UI，但我只对bootstrap感到舒服，不能使用CDN，因为我需要对BS4进行更改。有没有可能在Laravel项目上安装BS4和SASS而不影响Laravel JetStream UI。

Answer 1

既然可以使用Jetstrap，为什么还要使用边框呢

像往常一样安装Jetstream，然后安装Jetstrap，使您能够自动替换Bootstrap的Tailwind资源。如果你使用AdminLTE或CoreUi，Jetstrap就能帮你搞定。检查文档。

Answer 2

带有Bootstrap 5和Vue 3的Laravel 8 Jetstream 2

php –version
node –version
npm --version
composer global require laravel/installer
laravel new blog
cd blog
php artisan --version
vim .env
vim app/Providers/AppServiceProvider.php
php artisan migrate

composer require laravel/jetstream
php artisan jetstream:install livewire --teams
npm install
npm run dev
php artisan migrate:refresh
php artisan vendor:publish --tag=jetstream-views
npm install vue@next vue-loader@next --save-dev
npm install @vue/compiler-sfc --save-dev --legacy-peer-deps
npm install bootstrap@latest bootstrap-icons @popperjs/core --save-dev
npm install resolve-url-loader@^4.0.0 --save-dev --legacy-peer-deps
npm install sass sass-loader jquery --save-dev
npm uninstall @tailwindcss/forms @tailwindcss/typography tailwindcss
npm uninstall alpinejs
mkdir resources/sass
> resources/sass/_variables.scss
vim resources/sass/_variables.scss
> resources/sass/app.scss
vim resources/sass/app.scss
vim resources/js/bootstrap.js
vim resources/js/app.js
vim webpack.mix.js
npm install
npm run dev

使用Bootstrap 5格式编辑所有文件(如下所示)

vim resources/views/welcome.blade.php
vim resources/views/layouts/guest.blade.php
vim resources/views/layouts/app.blade.php
vim resources/views/navigation-menu.blade.php
vim resources/views/auth/register.blade.php
vim resources/views/dashboard.blade.php
vim resources/views/auth/login.blade.php
vim resources/views/auth/forgot-password.blade.php
vim resources/views/auth/reset-password.blade.php 
vim resources/views/auth/confirm-password.blade.php
vim resources/views/auth/verify-email.blade.php