日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔！

生活随笔

當前位置： 首頁 >

bootstrap模态框使用

發布時間：2025/3/21 49 豆豆
生活随笔 收集整理的這篇文章主要介紹了 bootstrap模态框使用 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
需要引入的相關內容點擊下載


<html>
<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<head>
<title>BootStrap</title>

<link rel="stylesheet" href="bootstrap.min.css">
<script src="jquery.js"></script>
<script src="bootstrap.min.js"></script>
</head>
<body> 　　　　　　//紅色的標注的兩處id必須相同
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">通過此按鈕</button>
<!-- Modal -->
<!-- 模態框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="removeModalLabel"> <div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title">發布<small> </small></h4>
</div>
<div class="modal-body text-center">
您確定要發布嗎？
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-danger" id="reSetState">發布</button>
</div>
</div>
</div>
</div>
</body>

</html>

轉載于:https://www.cnblogs.com/wdnnccey/p/6279808.html

總結

以上是生活随笔為你收集整理的bootstrap模态框使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。