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

السؤال

نشر

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

اللي حصل في كود في 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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...