[twitter-bootstrap] 부트 스트랩 모달이 즉시 사라짐

부트 스트랩을 사용하여 웹 사이트에서 작업하고 있습니다.

기본적으로, 나는 영웅 유닛의 버튼으로 소환 된 홈페이지에서 모달을 사용하고 싶었습니다.

버튼 코드 :

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

모달 코드 :

<div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">In Costruzione</h3>
  </div>
  <div class="modal-body">
    <p>Test Modal: Bootstrap</p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Chiudi</button>
    <button class="btn btn-warning">Salva</button>
  </div>
</div>

문제는 버튼을 클릭하자마자 모달이 사라지고 즉시 사라진다는 것입니다.

도움을 주셔서 감사합니다.

또한 드롭 다운 삼각형의 색상을 변경하는 방법 (위를 가리키고 가리 키지 않음)? 오렌지와 브라운을 기반으로 한 웹 사이트에서 작업 중이며 파란색은 정말 성가신 일입니다.

답변

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Launch demo modal
</button>

data-toggle="modal"

//= require bootstrap
//= require bootstrap-sprockets