0

私のコードには、2 つのセクション (例から取得) があります - Some InputSome More Input。無効なスクロールバーといくつかのボタンがページの左側にあるSome More Inputしか表示されません。(ここを見てください

あなたが答える前に、メインのbootstrap-modal CSSの前にすでにパッチを適用しており、bootstrap-modalとmodalmanagerの両方が含まれています。どこにでも配置しようとしましたが、それでも壊れているように見えます。

私のコード:

<div id="responsive" class="modal fade" data-width="760" style="display: none;">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title">Responsive</h4>
    </div>
    <div class="modal-body">
        <div class="row">
            <div class="col-md-6">
                <h4>Some Input</h4>
                <p><input class="form-control" type="text"></p>
            </div>
            <div class="col-md-6">
                <h4>Some More Input</h4>
                <p><input class="form-control" type="text"></p>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button type="button" data-dismiss="modal" class="btn btn-default">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
    </div>
</div>
4

2 に答える 2

2

JavaScript を記述せずにモーダルを有効にします。ボタンなどのコントローラー要素に data-toggle="modal" を設定し、data-target="#foo" または href="#foo" を設定して、トグルする特定のモーダルをターゲットにします。

したがって、このコードを以下に追加する必要があります。

<button type="button" data-toggle="modal" data-target="#responsive">Launch modal</button>

http://getbootstrap.com/javascript/#modals

madalドキュメントを見て、madalメソッドの使い方を説明しています。

于 2013-10-04T11:17:58.820 に答える
0

さて、これを自分で修正しました。そのページの例は Bootstrap 3 と互換性がないことがわかったので、Bootstrap のドキュメントを使用して独自の例を作成しようとしました。(私は例を使うのがとてもばかです)

于 2013-10-05T08:58:42.273 に答える