Twitter bootstrap 在呈现另一个模板时显示引导模式

我编写了引导模式，并将其放在单独的模板中。打开它的基础上点击按钮，我可以，但现在我试图显示它时，另一个模板呈现。重要的是，我只想调用modal一次。例如，当页面是reflesh并且模板是第二次呈现时，我不想第二次显示模式。这是用户登录后的简单消息。我该如何解决这个问题？谢谢你的帮助

下面是我的作品：

（html）

---

正如钦玛亚德所建议的那样。您需要控制模态可见性。我过去用modals动态加载模板，但在需要时显示modals。按照Chinmayahd的建议，将“加载”模式与显示模式分开。

。您需要控制模态可见性。我过去用modals动态加载模板，但在需要时显示modals。将“加载”模式与显示模式分开。

使用此选项。。用这个。。

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>
<div id="myModal" class="modal fade welcome-modal" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header text-center text-uppercase">
                <h4 class="modal-title" id="gridSystemModalLabel">Welcome!</h4>
            </div>
            <div class="modal-body text-center">
                <div>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
                </div>
                <div>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
                </div>
            </div>
            <div class="modal-footer">
                <div class="row">
                    <div class="col-sm-6 text-left">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Not Now</button>
                    </div>
                    <div class="col-sm-6">
                        <a class="btn btn-default" href="#" role="button">Edit Profile</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

    @media (min-width: 768px) {
        .welcome-modal .modal-dialog {
            width: 400px;
        }
    }
    .welcome-modal .modal-header {
        border-bottom-width: 0;
        padding: 20px 35px 0 35px;
    }
    .welcome-modal .modal-body {
        border-top-width: 0;
        padding: 20px 35px 0 35px;
    }
    .welcome-modal .modal-body div:first-child {
        padding-bottom: 20px;
    }
    .welcome-modal .modal-footer {
        border-top-width: 0;
        padding: 20px 35px 20px 35px;
    }