اذهب إلى المحتوى
  • 0

تضمين بوتسراب في laravel بدون انترنت

Issa Ahmed

السؤال

Recommended Posts

  • 0

اذا كان تساؤلك عن طريقة لتواجد bootstrap في المشروع والعمل بدون انترنت يعني تجنب التضمين عبر cdn فيمكنك تثبيته في المشروع عبر هذه الاوامر

composer require laravel/ui

بعد تثبيت الحزمة بنجاح  نقوم بتثبيت Bootstrap 4 في تطبيقنا باستخدام الأمر التالي

php artisan ui bootstrap

يمكنك أيضًا تثبيت مكتبات المصادقة باستخدام الأمر التالي بدلاً من ذلك

php Artisan ui bootstrap --auth

أخيرًا تحتاج إلى تثبيت حزمة bootstrap والاعتماديات ذات الصلة بالواجهة الأمامية مثل jquery باستخدام الأمر التالي

npm install

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

لا يجب عليك النظر إلى ملفات المكتبة إلا كملفات css أو جافاسكربت عادية، وبالتالي فإنه يمكنك الإعتماد على الأنترنت في تحميل ملفات أي المكتبة أولا ومن ثم سيمكن تضمينها كأي ملف css أو جافاسكربت آخر. 

على سببيل المثال:

  • قم بتحميل ملف bootstrap.min.css
  • قم بإنشاء مجلد ملفات داخل public وليكن libs وضع به ملفات المكتبة.  
  • يمكنك الآن بأي ملف عرض تضمينه كالتالي: 
    <link rel="stylesheet" href="{{ asset('libs/bootstrap.min.css') }}"

     

 وبمثل الطريقة تضمين ملف الجافاسكربت وهكذا .. 

في حالة توفر المكتبة لمدير الحزم npm يفضل تثبيتها وفقه مثلما أشار المدرب صلاح الدين. 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • -1

يمكنك تحميل ملفات المكتبة من هنا  ,و من ثم يمكنك وضع هذه الملفات بداخل مجلد public و من ثم يمكنك الوصول لملفات  css بهذه الطريقة 

<link rel="stylesheet" href="{{ asset('dist/css/bootstrap.min.css') }}"
<link rel="stylesheet" href="{{ url('') }}/dist/css/bootstrap.min.css"

و ملفات js بهذه الطريقة 

<script src="{{ asset('dist/js/bootstrap.min.js') }}"></script>
<script src="{{ url('') }}/dist/js/bootstrap.min.js"></script>

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...