Bootstrap模态对话框用法简单示例

(编辑：jimmy 日期: 2025/12/4 浏览：3 次 )

本文实例讲述了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的程序设计有所帮助。

上一篇：Vue加载组件、动态加载组件的几种方式
下一篇：微信小程序视图容器（swiper）组件创建轮播图