Как подключить bootstrap laravel

Аватар пользователя Ivan Gagarinov
Ivan Gagarinov
16 июля 2024

Для того чтобы подключить 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>
0 0
Познакомьтесь с основами HTML и CSS бесплатно

Похожие вопросы