-1

在 Laravel 8 项目中,我完成了以下命令:

composer require laravel/ui
php artisan ui bootstrap
npm install && npm run dev

现在我正在尝试将带有引导类的新按钮添加到由 laravel/jetstream 生成的仪表板页面,但未应用引导样式。我读过,这个包使用 Tailwind UI,但我想保留它的风格并在 Bootstrap 中编写整个项目。

你能帮我告诉 Laravel mix 使用 Bootstrap 文件吗?

谢谢你。

4

1 回答 1

4

是的。默认情况下,Jetstream 使用Tailwind CSS。但是您也可以自由使用其他 CSS 框架。在您的情况下,您所要做的就是安装 Bootstrap 并将 CSS 包含在您的 HTML 中。例如,您可以将 CDN 中的 Bootstrap CSS 文件包含在您的主应用程序布局.blade.php文件中。

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">

我不确定是否会与 Tailwind CSS 发生类名冲突。

于 2020-11-30T12:38:48.047 回答