bootstrap модальное зависание при нажатии кнопки

Question

В настоящее время я сталкиваюсь с незначительной ошибкой, но, к сожалению, я не знаю, как ее исправить, кто-нибудь сталкивался здесь, когда он нажимает кнопку для модального режима, он показывает форму, но затем также останавливает страницу, в основном это Темнеет, и вы ничего не можете сделать, я использовал bootstrap CDN. Вот моя модальная форма

<!-- #################################### VIEW RESERVATION STATUS ############################################## -->
<div class="modal fade" id="createacc" role="dialog">
        <div class="modal-dialog">

            <!-- Modal content-->
                <div class="modal-content">
                <!-- MODAL HEADER -->
                <div class="modal-header">
                    <button type="button" name="button" class="close" data-dismiss="modal"> &times; </button>
                    <h3 class="modal-title"><center> <span style="font-size: 35px">Adding Employee Form</span> </center></h3>
                </div>
                <!-- MODAL HEADER -->

                <!--MODAL BODY-->
                <div class="modal-body">
                        <form method="POST" action="addusercheck.php">
                    <div class="form-group">
                            <label for="emp_id">
                            Employee ID
                            </label>
                            <input type="text" name="employee_id" class="form-control" placeholder="Employee ID" required autocomplete="off">
                    </div>
                        <div class="form-group">
                            <label for="firstname">
                            First Name
                            </label>
                            <input type="text" name="first_name" class="form-control" placeholder="First Name" required autocomplete="off">
                    </div>
                    <div class="form-group">
                            <label for="lastname">
                            Last Name
                            </label>
                            <input type="text" name="last_name" class="form-control" placeholder="Last Name" required autocomplete="off">
                    </div>
                    <div class="form-group">
                        <input type="submit" name="submit" class="btn btn-success form-control" value="Create">
                    </div>
                    </form>
                </div>

                <!--MODAL BODY-->

                <!--MODAL FOOTER-->
                <div class="modal-footer">  
                        <input type="button" name="submit" class="btn btn-danger" data-dismiss="modal" value="Close">
                </div>
                <!--MODAL FOOTER-->
            </div>
        </div>
        </div>
<!-- #################################### VIEW RESERVATION STATUS ############################################## -->

и вот моя кнопка для запуска модального

<button type="button" class="btn btn-primary button_hover" name="book_now" data-toggle="modal" data-target="#createacc"> Book Now </button>

Спасибо и хорошего дня. РЕДАКТИРОВАТЬ: Я использовал сценарий get bootstrap .com cdn.