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

السؤال

نشر

مبتدىء فى التعلم

واجهتنى مشكله عندما اضع كود ربط css  و Js  الخاصين بملفات Bootstrap 

فان ملف css  يعمل وملف Js  لا يعمل ( اقول ذلك لانه لا يوجد اى تأثير عند الضغط على الازرار او فتح dropmenue  تم اخذها من موقع bootstrap )

هذا هو الكود الموجود فى header  فى Html 

    <link rel="stylesheet" href="bootstrap/bootstrap.min.css">
    <script src="bootstrap/bootstrap.min.js"></script>

 

وهذه صورة الملفات الموجود 

Screenshot_4.png

Recommended Posts

  • 0
نشر

جرب أن تضع / قبل مسار الملفات حتى يتم اعتبار هذا المسار هو مسار نسبي relative path.

أي يمكنك كتابة ما يلي:

<link rel="stylesheet" href="/bootstrap/bootstrap.min.css">
<script src="/bootstrap/bootstrap.min.js"></script>

في حال لم ينجح الأمر أيضاً جرب وضع نقطة يليها / أي يصبح كما يلي:

<link rel="stylesheet" href="./bootstrap/bootstrap.min.css">
<script src="./bootstrap/bootstrap.min.js"></script>

يفترض أن يعمل بعد هذا التعديل، في حال لم يعمل فغالباً موقع ملف ال html غير صحيح، في تلك الحالة شاركنا كامل المجلد الخاص بمشروعك على شكل ملف مضغوط للتحقق منه.

  • 0
نشر
بتاريخ 51 دقائق مضت قال Ahmed Osama21:

هذا هو المشروع اخى الحبيب اانى اتعلم فيه Bootstrap 

ارجو من حضرتك تقولى ايه المشكله عشان اتعلم 

شاكر ليك

Bootstrap Learn Project.rar 44.46 kB · 0 تنزيلات

يبدو أنك نسيت إضافة مكتبة Popper اللازمة لعمل ال bootstrap، و نقوم بإضافتها قبل ال script الخاص بال bootstrap كما يلي:

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>

تحياتي.

  • 0
نشر
بتاريخ 3 ساعة قال Kais Hasan:

يبدو أنك نسيت إضافة مكتبة Popper اللازمة لعمل ال bootstrap، و نقوم بإضافتها قبل ال script الخاص بال bootstrap كما يلي:

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>

تحياتي.

انا ضيفتها ومازل لا يعمل الجافا سكريبت ايه العمل ارجوك انا واقف والله مش عارف اكمل الدروس فى تعلم الجافا

ارسلت لحضرتك ملف المشروع

  • 0
نشر
بتاريخ 10 ساعة قال Ahmed Osama21:

انا ضيفتها ومازل لا يعمل الجافا سكريبت ايه العمل ارجوك انا واقف والله مش عارف اكمل الدروس فى تعلم الجافا

ارسلت لحضرتك ملف المشروع

عليك بإضافة Popper قبل استيراد ملف جافاسكريبت لمكتبة bootstrap أي كالتالي:

    <script
      src="https://fastly.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
      integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
      crossorigin="anonymous"
    ></script>
    <script src="bootstrap/bootstrap.min.js"></script>

حيث أن الكود يتم قرائته من الأعلى للأسفل وإذا قمت بإضافته بعد مكتبة bootstrap لن يتم العثور على Popper.

وتستطيع استخدام ملف bootstrap.bundle.js بدلاً من bootstrap.min.js حيث أن نسخة bundle مضمنة بداخلها Popper وبالتالي لن تحتاج إلى تضمين مكتبة Popper.

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

ومن الأفضل استخدام موقع https://cdnjs.com/

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

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

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

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

  • إعلانات

  • تابعنا على



×
×
  • أضف...