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

Решение задачи подключения библиотеки Bootstrap к Laravel для проектирования и дизайна сайта с помощью примера.

Одним из наиболее популярных способов использования Bootstrap в проектах на Laravel является подключение библиотеки как пакет. Это позволяет пользоваться всеми преимуществами Bootstrap и при этом иметь возможность вносить кастомизации в библиотеку с помощью ассетов.

Установка

Для того чтобы подключить Bootstrap достаточно установить пакет с помощью команды:

composer require laravel/ui

После этого следует выполнить команду для установки Bootstrap:

php artisan ui bootstrap

Данная команда подготовит ассеты и заготовки страниц для использования в проекте. В папке resources/views будут доступны два предустановленных шаблона для использования: home.blade.php и welcome.blade.php.

Для того чтобы использовать Bootstrap в проекте, необходимо подключить ассеты в странице app.blade.php. Для этого в представлении app.blade.php необходимо добавить:

<link rel="stylesheet" href="{{ asset('css/app.css') }}">

А также указать путь к скриптам:

<script src="{{ asset('js/app.js') }}"></script>

Так же при необходимости можно подключить переменные и кастомизировать Bootstrap с помощью ассетов _variables.scss, прописав путь к нему в resources/sass/app.scss:

@import "variables";

Таким образом, мы можем подключить Bootstrap к проекту на Laravel и настроить его с помощью ассетов.