模态不从顶部滑动

Question

我在网站上实现了引导程序模型.....该模型运行良好，但是该模型无法像实际的引导程序模型一样从顶部滑动....如何修复....

实际型号

http://jsfiddle.net/nJ6Mw/1/

模型未从顶部滑落

http://jsfiddle.net/y88WX/embedded/result/

<div id="example" class="modal hide fade in" style="display: block;" aria-hidden="false">
    <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 href="#" class="btn btn-success">Call to action</a>
        <a href="#" class="btn" data-dismiss="modal">Close</a>
    </div>
</div>

Answer 1

您在尝试使用的小提琴中有太多资源冲突，这种小提琴有效，因此，如果您可以将此代码放入要加载到的页面中而无法使用，您也知道问题不在于您的引导程序，请发送链接到您遇到问题的页面，请不要发送带有许多其他资源的小提琴。

您需要通过javascript定义模式选项：

$(function() {
    $('#event-modal').modal({
        backdrop: true;
    });
});

将网站上的所有css和links / html直接放入小提琴对于某人来说，进入并调试您并不容易。

http://jsfiddle.net/sfWBT/1/