关于bootstrap 模态框瞬间消失

原创于 2018-06-07 15:47:26 发布 · 836 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#bootstrap模态框

bootstrap 专栏收录该内容

0 篇文章

订阅专栏

本文展示了如何在ASP.NET中使用Bootstrap创建模态框（Modal），包括按钮触发及模态框的基本结构。文中还强调了不要重复引用bootstrap.min.js和jquery.min.js文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

不要重复引用bootstrap.min.js和jquery.min.js

<asp:Button ID="btnCurrentUser" type="button" runat="server" Text="[当前用户:管理员]" CssClass="btn btn-success" data-toggle="modal" data-target="#myModal" OnClientClick="return false"></asp:Button>
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">模态框（Modal）标题</h4>
            </div>
            <div class="modal-body">在这里添加一些文本</div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary">提交更改</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
</div>