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

laravel and Bootstrap

Ahmed Edress

السؤال

السلام عليكم كنت بطبق الفيديو بتاع المهمندس سمير جمال وبكتب الاكواد وتمام التمام

اللي حصل في كود في Bootstrap مش شغال معايا  خالص بالرغم اني نزلته وفعلته

Screenshot2023-08-10025705.png.11e9737be21b747d398a14af43df3a22.png

كتبت الكود ده والنتيجة 

Screenshot2023-08-10025822.thumb.png.4b9dd7075dba8be303841598e2cf9c2e.png

طبعا اذا اردتم ان تروا صفحتي في الفيجوال 

Screenshot2023-08-10025803.thumb.png.49f941f72f78a53beeea07626a40afec.png

لكن للاسف لم ينحج معي ولا اعلم لماذا بالرغم من الاتباع الخطوات .

اريد النتيجة مثل هذا Screenshot2023-08-10025842.thumb.png.9d2534d8f4ca6885c1ba2524d04b2ae3.png

وجزاكم الله خير الجزاء

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

Recommended Posts

  • 0

يوجد تعديل بسيط في الكود و هو أمر بسيط جدا قم بتغيير الرابط الخاص بال css واجعله كالتالي:

 

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" >

قم بحذف ال integrity  وما يلحقها واكتفي فقط بال href و ال rel  و ستظهر الصفحة بتنسيقها  الصحيح وذلك لأن ال integrity تستخدم للسماح للمتصفح بفحص مصدر الملف للتأكد من عدم تحميل الكود أبدًا إذا تم التلاعب بالمصدر , كما أن الملف يحتوي عل تشفير, وبالتالي قم بتنفيذ ما ذكرته لك وستظهر النتيجة التي تريدها.

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

  • 0

في حال أنك من مصر تجنب استخدام jsdelivr أو قم باستبدال cdn في أول الرابط بـ fastly وسيعمل.

ومن الأفضل أن تعتمد على موقع cdnjs ورابط المكتبة هو التالي:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.1/css/bootstrap.min.css" integrity="sha512-Z/def5z5u2aR89OuzYcxmDJ0Bnd5V1cKqBEbvLOiUNWdg9PQeXVvXLI90SE4QOHGlfLqUnDNVAYyZi8UwUTmWQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />

أو تستطيع تحميل المكتبة واستيراد الملف نفسه من خلال الرابط التالي:

ستجد زر باسم Download وبعد التحميل وفك الضغط ستجد ملفات CSS وJS وما تحتاجه هو ملف bootstrap.min.css.

أو تحميل المكتبة من خلال npm.

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

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...