Bootstrap模式被阻止

Question

我编写了一个使用bootstrap模式显示弹出窗口的代码。

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

这是我的代码：

<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可以覆盖。

Answer 2

请检查您的代码，我认为原因可能是您的代码多余或缺少关闭标记。通常缺少或过多div个标签。