如何在引导程序中的页面加载时打开模态对话框

当模态变得可见时,Bootstrap会将.in类添加到它的容器中.因此,您可以在css中添加一个规则,如下所示,并将相同的类添加到模态 - 您希望在页面加载时可见.

CSS

.modal.in {
   display:block;
}

HTML

<div class="modal in">visible on page load.</div>

但这些不会带来模式背景.所以你必须将这些保留在页面底部:

<div class="modal-backdrop fade in"></div>

从Andres Ilich看一下这个Launch Bootstrap Modal的页面加载

JS

<script type="text/javascript">    
    $(window).load(function(){
        $('#myModal').modal('show');
    });
</script>