title: Bootstrap modal not working after clicking button
body: <p>I had tried bootstrap modal and its button is not working. Please help out
  Thank u</p>
  
  <p>My code that is not working:</p>
  
  <pre><code>  &lt;body&gt;
      &lt;div class="quit_modal" tabindex="-1" role="dialog" data-toggle="modal" data-target="quit_model"&gt;
    &lt;div class="modal-dialog" id="delete-file-modal" role="document"&gt;
      &lt;div class="modal-content"&gt;
        &lt;div class="modal-header"&gt;
          &lt;h5 class="modal-title"&gt;Modal title&lt;/h5&gt;
          &lt;button type="button" class="btnClose" data-dismiss="modal" aria-label="Close"&gt;
            &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
          &lt;/button&gt;
        &lt;/div&gt;
        &lt;div class="modal-body"&gt;
          &lt;div class="container-fluid"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-md-4 ml-2"&gt;&lt;/div&gt;
                      &lt;button type="button" class="btn btn-secondary"&gt;&lt;a id="close" data-dismiss="modal" data-target="#quit_modal"&gt;Close&lt;/a&gt;&lt;/button&gt;&amp;nbsp;&amp;nbsp;
                       &lt;button type="button" class="btn btn-danger"&gt;Button&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;script src="js/jquery-3.3.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"&gt;&lt;/script&gt;
   &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
   &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
      $("quit_Modal").modal('show');
  
       $('btnClose').trigger('click');
  
  &lt;/script&gt;
  
   &lt;/body&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/bj16u.png" rel="nofollow noreferrer">https://i.stack.imgur.com/bj16u.png</a></p>