Как подключить bootstrap laravel
Для того чтобы подключить Bootstrap к проекту Laravel, вам нужно выполнить следующие шаги:
Шаг 1: Установите Bootstrap с помощью npm или yarn. Откройте терминал и выполните одну из следующих команд:
Для npm:
npm install bootstrap
Для yarn:
yarn add bootstrap
Шаг 2: Установите Laravel Mix, если вы еще не сделали этого. Laravel Mix - это инструмент сборки и оптимизации фронтенд-ресурсов вашего проекта Laravel. Установите Laravel Mix с помощью Composer:
composer require laravel/ui
И затем выполните команду для установки фронтенд-зависимостей:
php artisan ui bootstrap
Шаг 3: Скомпилируйте ресурсы фронтенда проекта с помощью Laravel Mix. Выполните команду npm run dev для компиляции ресурсов в режиме разработки или npm run production для компиляции ресурсов в режиме продакшен.
Шаг 4: В Вашей базовой blade-шаблоне, например, resources/views/layouts/app.blade.php, добавьте ссылку на файл стилей Bootstrap внутри тега <head>. Используйте asset функцию Laravel для обращения к статическим файлам вашего проекта. Например:
<!DOCTYPE html>
<html>
<head>
<!-- Другие теги head -->
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
</head>
<body>
<!-- Ваш контент -->
</body>
</html>
Шаг 5: Запустите проект Laravel и убедитесь, что стили Bootstrap правильно применяются к вашему проекту.
Теперь у вас должен быть подключен Bootstrap к вашему проекту Laravel, и вы можете использовать его стили в своих шаблонах.
