Bootstrap modal: class = "modal fade" вызывает проблемы

Question

Я пытаюсь получить учебное руководство по загрузке, чтобы работать в моем файле view.ejs. Но проблема class="modal fade". Если я удалю class = "modal fade", модальный будет постоянно отображаться, но если я сохраню его в коде, ничего не произойдет, когда я нажму кнопку.

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> 

<!-- Modal --> 
<div id="myModal" role="dialog"> 
    <div class="modal-dialog"> 
     <!-- Modal content--> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h4 class="modal-title">Modal Header</h4> 
      </div> 
      <div class="modal-body"> 
       <p>Some text in the modal.</p> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      </div> 
     </div> 
    </div> 
</div> 

Из других проблем, я нашел других людей, чтобы иметь, я пытался искать замирания в других файлах CSS, но ничего не могу найти. Также пытался добавить это раньше кода выше, не помогло:

.fade { 
    opacity: 0; 
    -webkit-transition: opacity .15s linear; 
    transition: opacity .15s linear; 
} 

.modal.fade .modal-dialog { 
    -webkit-transform: translate(0, 0); 
    -ms-transform: translate(0, 0); // IE9 only 
    transform: translate(0, 0); 
} 

Я новичок в веб-разработки и может быть что-то маленькое отсутствует, пожалуйста, помогите мне

Answer 1

Там может быть что-то неправильно, то вы делаете , создайте свою собственную скрипку и поделитесь ею здесь! Я использовал ваш код, и его работа прекрасна! Я просто добавил модальный и исчезают классы к ней, и она открывается только при нажатии на кнопку

https://jsfiddle.net/happy2deepak/e5aukzge/

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> 
<!-- Modal --> 
<div id="myModal" class="modal fade" role="dialog"> 
    <div class="modal-dialog"> 
     <!-- Modal content--> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h4 class="modal-title">Modal Header</h4> 

      </div> 
      <div class="modal-body"> 
       <p>Some text in the modal.</p> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      </div> 
     </div> 
    </div> 
</div>