Laravel 8 JetStream 引导程序 4

Question

我正在使用带有 Laravel 8 的 jetstream UI，并且我已经检查过我知道 Laravel 团队没有计划制作 UI 的 Bootstrap 版本，但我只对 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