Question

我在我的网站上实现了bootstrap模型..... 该模型工作正常，但模型不会从顶部滑动，就像实际的bootstrap模型一样.... 如何解决它......

实际模型

模型不从顶部滑动

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/

模态不从顶部滑动

1 个答案: