javascript - Bootstrap 模式被阻止

Question

我编写了一段代码来使用引导模式显示弹出窗口。

它有效，但所有元素都被阻止。我不知道我的代码有什么问题。

这是我的代码:

<div id="add_data_Modal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Add data</h4>
            </div>
            <div class="modal-body">
                <form method="post" name="insert_form" id="insert_form">
                    <label>Số thuê bao</label>
                    <input type="text" name="name" id="name" class="form-control" />
                    <br />
                    <label>Speed number</label>
                    <input type="text" name="spd_number" id="spd_number" class="form-control" />
                    <br />
                    <label>Dial number</label>
                    <input type="text" name="dial_number" id="dial_number" class="form-control"/>   
                    <br />
                    <input type="submit" name="insert" id="insert" value="ADD" class="btn btn-success"/>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

Answer 1

您可以点击此链接解决您的问题。

bootstrap modal examples

就像有不同的 css 文件一样，也检查 css 文件。因为有时您添加的类或 ID 可以被覆盖。