Bootstrap模态对话框用法简单示例
网络编程 发布日期：2024/9/25 浏览次数：1
正在浏览：Bootstrap模态对话框用法简单示例
本文实例讲述了Bootstrap模态对话框用法。分享给大家供大家参考，具体如下：
环境：bootstrap-3.3.5,jquery-3.0.0
代码：
<!DOCTYPE html>
<html>
<head>
<title>www.jb51.net bootstrap模态对话框</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="external nofollow" />
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" rel="external nofollow" />
<script src="/UploadFiles/2021-04-02/jquery.min.js">
小编已经将代码中所引用的bootstrap相关css、js文件全部换成了cdn形式，方便测试。
这里使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试，可得到如下显示效果：
PS：关于bootstrap布局，这里再为大家推荐一款本站的在线可视化布局工具供大家参考使用：
在线bootstrap可视化布局编辑工具：
http://tools.jb51.net/aideddesign/layoutit
希望本文所述对大家基于bootstrap的程序设计有所帮助。