BootStrap Javascript Modal

Question

私は自分のウェブサイトにモーダルを実装しようとしましたが、驚いたことに、最初にモーダルが消えてしまい、2番目にテキストが表示されないクリックすることができます。 The modal on my website

  <button type="button" class="btn btn-blue btn-effect" data-toggle="modal" data-target="#myModal">HORRAY!</button> 

<!-- Modal --> 
<div id="myModal" class="modal fade" role="dialog"> 
    <div class="modal-dialog"> 

<!-- Modal content--> 
<div class="modal-content"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal">&times</button> 
    <h4 class="modal-title">Modal Header</h4> 
    </div> 
    <div class="modal-body"> 
    <p>Some text in the modal.</p> 
    </div> 
    <div class="modal-footer"> 

閉じる 編集：私はJavaScriptに非常に新しいです、私は5年ぶりに再び 編集をコーディングを開始：フィドルを試した後、私はそれがだと推測に来ています私のCSSの問題

Answer 1

あなたのコードがこのようなものなら、問題はデータ間のスペースにあると思います。あなたのコードが

<button type="button" class="btn btn-default" data-   dismiss="modal">Close</button> 

http://jsfiddle.net/3kgbG/1637/