Laravel 8 JetStream Bootstrap 4

Question

我正在使用Laravel 8的Jetstream用户界面，我已经检查过并且知道Laravel团队没有计划制作UI的Bootstrap版本，但我只熟悉Bootstrap并且无法使用CDN，因为我需要对BS4进行更改。是否可能在不影响Laravel JetStream UI的情况下，在Laravel项目中安装BS4和SASS。

- Bob Jones

Answer 1

为什么要使用边框，当你可以使用Jetstrap呢？

正常安装 Jetstream，然后安装 Jetstrap，使其自动替换 Bootstrap 的 Tailwind 资源。如果您使用 AdminLTE 或 CoreUI，Jetstrap 也能覆盖您的需求。查看文档了解更多信息。

- tsommie

Answer 2

Laravel 8 Jetstream 2 集成 Bootstrap 5 和 Vue 3

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

- Saidi Yusof