Блог

Я пытаюсь связать модальный на другой странице. Но когда я нажимаю кнопку для переключения режима, ничего не появляется. У меня есть два файла: courses.php и addCourses.php . course.php находится там, откуда находится кнопка для нажатия на модальный, и addCourses.php является ли модальная форма, которая должна появиться, но не должна

courses.php

 lt;div class="btn mb-2 mb-md-0"gt;  lt;a href='addCourses.php' class="btn btn-sm btn-gray-800 d-inline-flex align-items-center animate-up-2" data-bs-toggle="modal" data-bs-target="#modal-form"gt; Add Course lt;/agt;   lt;!-- Modal --gt;  lt;div class="modal fade" id="modal-form" tabindex="-1" role="dialog" aria-labelledby="modal-form" aria-hidden="true"gt;  lt;div class="modal-dialog modal-dialog-centered" role="document"gt;  lt;div class="modal-content rounded bg-white"gt;  lt;/divgt;  lt;/divgt;  lt;/divgt;  lt;/divgt;  

addCourses.php

 lt;div class="modal-body p-0"gt;  lt;div class="card bg-white p-4"gt;  lt;button type="button" class="btn-close ms-auto" data-bs-dismiss="modal" aria-label="Close"gt;lt;/buttongt;  lt;div class="card-header border-0 bg-white text-center pb-0"gt;  lt;h2 class="h4"gt;Course Infolt;/h2gt;  lt;/divgt;  lt;div class="card-body"gt;  lt;!-- Form --gt;  lt;form action="courses.php" method="post" class="mt-4"gt;  lt;div class="form-group mb-4"gt;  lt;label for="course_name"gt;Course name:lt;/labelgt;  lt;div class="input-group"gt;  lt;span class="input-group-text" id="basic-addon2"gt;lt;span class="fas fa-hotel"gt;lt;/spangt;lt;/spangt;  lt;input type="text" name="course_name" class="form-control" requiredgt;  lt;/divgt;  lt;/divgt;  lt;div class="form-group mb-4"gt;  lt;label for="number"gt;Course number:lt;/labelgt;  lt;div class="input-group"gt;  lt;span class="input-group-text" id="basic-addon2"gt;lt;span class="fas fa-door-open "gt;lt;/spangt;lt;/spangt;  lt;input type="text" name="number" class='form-control' requiredgt;  lt;/divgt;  lt;/divgt;  lt;div class="form-group mb-4"gt;  lt;label for="number"gt;Course desciption:lt;/labelgt;  lt;div class="input-group"gt;  lt;span class="input-group-text" id="basic-addon2"gt;lt;span class="fas fa-door-open "gt;lt;/spangt;lt;/spangt;  lt;input type="text" name="desc" class='form-control' requiredgt;  lt;/divgt;  lt;/divgt;   lt;div class="form-group mb-4"gt;  lt;label for="number"gt;Final grade:lt;/labelgt;  lt;div class="input-group"gt;  lt;span class="input-group-text" id="basic-addon2"gt;lt;span class="fas fa-door-open "gt;lt;/spangt;lt;/spangt;  lt;input type="text" name="grade" class='form-control' requiredgt;  lt;/divgt;  lt;/divgt;  lt;div class="row mb-5 mb-lg-5"gt;  lt;div class="col-lg-4 col-md-6"gt;  lt;div class="form-group mb-4"gt;  lt;div class="mb-3"gt;  lt;span class="fw-bold"gt;Currently Enrolledlt;/spangt;  lt;/divgt;  lt;div class="form-check"gt;  lt;input class="form-check-input" type="checkbox" name="checked"gt;  lt;/divgt;  lt;/divgt;  lt;/divgt;  lt;/divgt;  lt;div class="d-grid"gt;  lt;button type="submit" class="btn btn-primary" name="add_course" value="Create Property"gt;Add courselt;/buttongt;  lt;/divgt;  lt;/formgt;  lt;/divgt;  lt;/divgt;  lt;/divgt;  

к обоим файлам применены одни и те же CSS и JS, так что я делаю не так?