부트 스트랩 class = "close"는 모든 모달을 닫습니다.

Question

다른 모달에서 열린 모달을 가지고 있으며 마지막으로 닫은 모달을 닫으면 둘 다 닫힙니다.

가 여기에 마지막으로 연 모달의 코드입니다

<div id="myModal" class="modal hide fade"> 
    <div class="modal-header"> 
     <button id="closeMyModal" class="close" 
      data-dismiss="modal">&times;</button> // This class makes all modals closes 
     <h3>MyModal</h3> 
    </div> 
    <div class="modal-body"> 
     [...] 
    </div> 
    <div class="modal-footer"> 
     <button class="btn" data-dismiss="modal">Ok</button> // This only closes the current 
    </div> 
</div> 

내가 btn에 close에서 modal-header의 클래스를 변경할 수 있습니다, 그것은 문제를 해결하지만, CSS는 동일하지 않습니다.

어떻게 해결할 수 있습니까? 그것은 올바른 행동으로 간주됩니까?

Answer 1

submodal div는 첫 번째 모달의 html 안에 두지 않아야합니다. 메인 윈도우 (첫 번째 모달의 부모) 본문에 해당 div를 두어야합니다.