Блог

Главная - Вопросы по программированию - Классы начальной загрузки не запускаются в представлениях Laravel 8 с модулем аутентификации

Классы начальной загрузки не запускаются в представлениях Laravel 8 с модулем аутентификации

#css #laravel #bootstrap-4 #laravel-8 #jetstream

#css #laravel #bootstrap-4 #laravel-8 #jetstream

Вопрос:

В проекте Laravel 8 я выполнил следующие команды:

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

И теперь я пытаюсь добавить новую кнопку с классами начальной загрузки на страницу панели мониторинга, созданную laravel / jetstream, но стили начальной загрузки не были применены. Я читал, что этот пакет использует пользовательский интерфейс Tailwind, но я хочу оставить его стиль и закодировать весь проект в Bootstrap.

Можете ли вы помочь мне с тем, как сказать Laravel mix использовать файлы начальной загрузки?

Спасибо.

Комментарии:

1. Команда, которую вы показали laravel/ui , запускается, однако затем вы упоминаете jetstream , что это 2 разных пакета. Какой пакет вы установили?

2. Я установил Livewire

3. Я надеюсь, что это может помочь techiediaries.com/laravel-8-bootstrap-4-tailwind

Ответ №1:

ДА. По умолчанию Jetstream использует CSS Tailwind. Но вы можете свободно использовать и другие CSS-фреймворки. В вашем случае все, что вам нужно сделать, это установить Bootstrap и включить CSS в ваш HTML. Например, вы можете включить файл Bootstrap CSS из CDN в свой основной .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.

Метки: