8

Bootsrapのモーダルを機能させようとしていますが、ボタンをクリックすると黒い画面しか表示されず、期待どおりにモーダルダイアログボックスが表示されません。私は流星を使用しています。

これが私が持っているコードです:

<div class="container">
    <h2>Example of creating Modals with Twitter Bootstrap</h2>
    <div class="modal hide fade in" id="example" style="display: none; ">
        <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 class="btn btn-success" href="#">Call to action</a>
            <a class="btn" data-dismiss="modal" href="#">Close</a>
        </div>
    </div>
    <p><a data-toggle="modal" href="#example" class="btn btn-primary btn-large">Launch
        demo modal</a></p>
</div>

私は基本的に、テスト目的でhttp://www.w3resource.com/twitter-bootstrap/modals-tutorial.phpからコードを取得しました。

4

4 に答える 4