مشكلة في ظهور زر الاخفاء في Bootstrap

أرجو منك توضيح المشكلة وتوفير صورة أو مجلد المشروع أو كود.

علي أي حال، ربما تكون المشكلة أنك لم تقم باستيراد مكتبة Bootstrap في مشروعك.

يمكنك استيراد مكتبة Bootstrap في مشروعك بالطريقة التالية:

• قم بتنزيل ملفات Bootstrap من الموقع الرسمي bootstrap.com.
• قم بفك الضغط عن الملفات التي تم تحميلها.
• قم بإنشاء مجلد في مشروعك واسمه "css" وضع ملف "bootstrap.min.css" داخل المجلد.
• قم بإنشاء مجلد آخر في مشروعك واسمه "js" وضع ملفات "jquery.min.js" و "bootstrap.min.js" داخل المجلد.

قم بإضافة الرمز التالي في جزء الرأس (head) من ملف HTML الخاص بمشروعك:

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

بعد ذلك، يمكنك استخدام الأساليب والمكونات المختلفة في Bootstrap في مشروعك. يمكنك الرجوع إلى توثيق Bootstrap لمزيد من التفاصيل والأمثلة على كيفية استخدامه.

وأرجو منك قراءة الدليل التالي.

يحتمل ان يكون ذلك بسبب اختلاف نسخة بوتستراب التي تستعملها عن السياق المستعملة، اذ يجب الاشارة أن بوتستراب 5 تعتمد تعريف الخاصية data-bs-dismiss للإشارة إلى العنصر أو النافذة المعنية في حين أن نسخ أقدم من بوتستراب تعتمد تعريف الخاصية data-dismiss دون المفتاح bs. انتبه الى ذلك في وصف سياق صحيح.

سياق بوتستراب 5:

<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">اخفاء</button>

سياق بوتستراب 4:

<button type="button" class="btn btn-secondary" data-dismiss="modal">اخفاء</button>