title: Bootstrap Pop-Up modal-backdrop Doesn't Disappear
body: <p>I have a slight problem when pop-up is closing; modal-backdrop is not closing.</p>
  
  <p>This code blog for opening pop-up:</p>
  
  <pre><code>&lt;script&gt;
      $('div.ProjePartialGovde').click(function (el) {
          var projeid = $(this).data('id');
          $('.popupListe').html('içerik hazırlanıyor...');
          $.ajax({
              method: "get",
              url: '@Url.Action("ProjeOzetPartial", "Home")',
              data: { projeID: projeid,ilID:@ViewBag.ilID }
          })
              .done(function (msg) {
                  $('.popupListe').html(msg);
                  $("#detayModal").modal();
              });
      });
  </code></pre>
  
  <p>And this is my pop-up page:</p>
  
  <p>I'm having trouble with my back button. When I clicked back button it goes backwards but there is something gray on the screen wich is: "modal-backdrop in" </p>
  
  <pre><code>&lt;div class="modal" id="detayModal" tabindex="-1"&gt;
      &lt;div class="modal-dialog"&gt;
          &lt;div class="modal-content"&gt;
              &lt;div class="modal-body"&gt;
                  &lt;form&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label class="form-control"&gt;Başlangıç / Bitiş Tarihleri: @Model.SozBasTarihi / @Model.SozBitisTarihi&lt;/label&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label class="form-control"&gt;Nakdi ve Fiziki Tamamlanma Oranları: %@Model.NakdiTamOrani / %@Model.FizikiTamOrani&lt;/label&gt;
                      &lt;/div&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
              &lt;div class="modal-footer"&gt;
  
                  &lt;!-- I HAVE PROBLEM HERE --&gt;
                  &lt;button class="ProjeListesiGeri" data-dissmiss="modal" data-backdrop="false"&gt;BACK&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;!-- GO BACK CODE --&gt;
  &lt;script&gt;
      $('.ProjeListesiGeri').click(function (el) {
          $('.popupListe').html('içerik hazırlanıyor...');
          $.ajax({
              method: "get",
              url: '@Url.Action("ProjelerListesiPartial", "Home")',
              data: { ilID: @ViewBag.ilID }
          })
              .done(function (msg) {
                  $('.popupListe').html(msg);
              });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>How can I solve this problem?</p>