부트 스트랩 모달 페이지 고정

Question

나는이 질문에 대한 답변을 웹에서 찾았습니다. 내 자신에게 가장 가깝습니다. Bootstrap Modal popping up but has a "tinted" page and can't interact

부트 스트랩으로 관리자 페이지를 만들고 있는데 거기에 모달을 사용하고 있습니다. 스타일은 Bootswatch 테마로 이루어집니다. 일부 테마를 사용할 때 모달을 열면 모달이 색이 들어간 페이지에 나타나고 모든 것이 고정됩니다. 나는 그것을 다시 없애기 위해 페이지를 새로 고쳐야한다.

난 그냥 닫는 </body>
태그 전에 페이지 하단에 모달를 이동하는 것을 시도했다. 아무것도 작동하지 않습니다!

"기본"부트 스트랩 CSS에는 이상한 것이 있습니다. Bootswatch 테마는 정상적으로 작동하며 일부는이 문제점을 제공합니다.

여기 jsFiddle에서 작성한 예제입니다. http://jsfiddle.net/qyo53dxh/ 이 파일은 bootswatch의 "Paper"테마입니다. "유나이티드"테마를 사용하면 정상적으로 작동합니다.

무슨 일입니까?

Answer 1

귀하의 바이올린에서 bootstrap.css 및 bootstrap.min.css를 가져 오시겠습니까?

bootstrap.css에게

를 제거하고 모든 좋은 노력하십시오. 여기

<div class="modal fade forget-modal" tabindex="-1" role="dialog" aria-labelledby="myForgetModalLabel" aria-hidden="true"> 
    <div class="modal-dialog modal-sm"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal"> 
        <span aria-hidden="true">×</span> 
        <span class="sr-only">Sluiten</span> 
       </button> 
       <h4 class="modal-title">Wachtwoord resetten</h4> 
      </div> 
      <div class="modal-body"> 
       <p>Typ uw email adres</p> 
       <input type="email" name="recovery-email" id="recovery-email" class="form-control" autocomplete="off"> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Annuleren</button> 
       <button type="button" class="btn btn-custom">Herstellen</button> 
      </div> 
     </div> <!-- /.modal-content --> 
    </div> <!-- /.modal-dialog --> 
</div> <!-- /.modal --> 

이 http://jsfiddle.net/qyo53dxh/1/