bootstrap模态框使用
生活随笔
收集整理的這篇文章主要介紹了
bootstrap模态框使用
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
需要引入的相關(guān)內(nèi)容點(diǎn)擊下載
<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> //紅色的標(biāo)注的兩處id必須相同
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">通過(guò)此按鈕</button>
<!-- Modal -->
<!-- 模態(tài)框（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">×</span></button>
<h4 class="modal-title">發(fā)布<small> </small></h4>
</div>
<div class="modal-body text-center">
您確定要發(fā)布嗎？
</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">發(fā)布</button>
</div>
</div>
</div>
</div>
</body>
</html>
<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> //紅色的標(biāo)注的兩處id必須相同
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">通過(guò)此按鈕</button>
<!-- Modal -->
<!-- 模態(tài)框（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">×</span></button>
<h4 class="modal-title">發(fā)布<small> </small></h4>
</div>
<div class="modal-body text-center">
您確定要發(fā)布嗎？
</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">發(fā)布</button>
</div>
</div>
</div>
</div>
</body>
</html>
轉(zhuǎn)載于:https://www.cnblogs.com/wdnnccey/p/6279808.html
總結(jié)
以上是生活随笔為你收集整理的bootstrap模态框使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： java加载证书，访问12306的htt
- 下一篇： MINA2-TCP服务端实例