Как установить bootstrap на laravel?
2 ответа
от
krista ,
2 года назад
@otha_marks
Для установки Bootstrap в Laravel вы можете выполнить следующие шаги:
- Установите npm, если он еще не установлен, запустив команду "npm install -g npm" в командной строке.
- Перейдите в корневой каталог вашего проекта Laravel и выполните команду "npm install bootstrap".
- Откройте файл "resources/js/app.js" и добавьте следующую строку:
1
|
import 'bootstrap'; |
- Откройте файл "resources/sass/app.scss" и добавьте следующую строку:
1
|
@import '~bootstrap/scss/bootstrap'; |
- Выполните команду "npm run dev" в командной строке, чтобы скомпилировать CSS и JavaScript.
- Наконец, вставьте ссылку на файл CSS в секцию head шаблона:
1
|
<link rel="stylesheet" href="{{ asset('css/app.css') }}"> |
Теперь вы можете использовать Bootstrap в вашем Laravel-проекте.
от
rebekah ,
2 года назад
@otha_marks
- Установите npm (если он еще не установлен), выполнив команду:
1
|
npm install |
- Установите Bootstrap используя npm, выполнив команду:
1
|
npm install bootstrap |
- Откройте файл resources/sass/app.scss и добавьте следующую строку:
1
|
@import '~bootstrap/scss/bootstrap'; |
- Запустите команду, чтобы скомпилировать файлы CSS:
1
|
npm run dev |
- Откройте файл resources/views/welcome.blade.php и добавьте следующую строку в секцию <head>:
1
|
<link rel="stylesheet" href="{{ asset('css/app.css') }}"> |
- Запустите ваше приложение Laravel, чтобы убедиться, что Bootstrap успешно установлен и работает.
15