javascript - モーダルは上からスライドする必要があります

Question

Twitter Bootstrap のモーダルを実装しました....自分のサイトに入れなくても問題なく動作します....自分のサイトに含めた後、モーダルは表示されますが、上からスライドしません... .

実際のモーダル

http://jsfiddle.net/nJ6Mw/1/

モーダルが上からスライドしない

http://jsfiddle.net/y88WX/12/embedded/result/

<div id="example" class="modal hide fade in" style="display: block;" aria-hidden="false">
                <div class="modal-header"> <a class="close" data-dismiss="modal">×</a>

                     <h3>This is a Modal Heading</h3>

                </div>
                <div class="modal-body">
                     <h4>Text in a modal</h4>

                    <p>You can add some text here.</p>
                </div>
                <div class="modal-footer"> <a href="#" class="btn btn-success">Call to action</a>
 <a href="#" class="btn" data-dismiss="modal">Close</a>

                </div>
            </div>

Answer 1

本体の外側ではなく #container div 内にあるためでしょうか?? あなたが2番目のフィドルであるため、正しくコンパイルされないため、わかりにくい