Bootstrap 3 中的 bootstrap-modal.js 损坏答案

【问题标题】：bootstrap-modal.js broken in Bootstrap 3Bootstrap 3 中的 bootstrap-modal.js 损坏
【发布时间】：2013-10-04 11:02:06
【问题描述】：

在我的代码中，有 2 个部分（取自示例） - Some Input 和 Some More Input。我只看到 Some More Input 带有禁用的滚动条和页面左侧的一些按钮。（看here）

在您回答之前，我已经在主要的 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>

【问题讨论】：

标签： javascript html css twitter-bootstrap bootstrap-modal

【解决方案1】：

无需编写 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方法。

【讨论】：

如果你读过这篇文章，问题不在于调用模式，而是它看起来坏了。

【解决方案2】：

好吧，我自己解决了这个问题。发现该页面上的示例与 Bootstrap 3 不兼容，因此我尝试使用 Bootstrap 文档编写自己的示例。（我是一个使用例子的白痴）

【讨论】：