Adouz.de, 23.12.2020

تنزيل بوتستراب (Bootstrap) في Lavarel

في هذا المقال، سأوضح لك كيفية تنزيل بوتستراب (Bootstrap) في تطبيق Lavarel.

لتثبيت Bootstrap 4 في Laravel 8، ثبِّت حزمة Laravel UI بتفعيل الأمر التالي:

composer require laravel/ui

بعد تثبيت الحزمة أعلاه بنجاح، نكون جاهزين لتثبيت Bootstrap.

توجد طريقتان للقيام بذلك، أحدهما تثبيت Bootstrap بشكل بسيط والآخر هو تثبيت Bootstrap بتحقيق الهوية (auth).

1. تثبيت Bootstrap

php artisan ui bootstrap

1. تثبيت Bootstrap بتحقيق الهوية (auth)

php artisan ui bootstrap --auth

الآن يمكنك رؤية ملف JS و ملف CSS و ملف اللغة lang داخل ملف resources الخاص بمشروعك. و داخل resources/views ستشاهد ملفين جديدين، هما auth و layouts.

تحتاج أيضًا إلى تثبيت npm وتشغيله:

npm install

ثم قم بتشغيل NPM

npm run dev

يمكنك الآن استخدام Bootstrap.
يمكنك استخدامه باستعمال هذه الأسطر في رأس (header) قوالب Blade الخاصة بك، مثلا في resoures/views/app.blade.php:

<head>
<script src="{{ asset('js/app.js') }}" defer></script>   
<link href="{{ asset('css/app.css') }}" rel="stylesheet">   
</head>

اترك تعليقاً