模态框是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息交互等。

例如，通过点击按钮打开模态框。（推荐学习：Bootstrap视频教程）

html>


  <title>Bootstrap 实例</title>
  <meta>
  <meta>
  <link>
  <script></script>
  <script></script>
  <script></script><div>
  <h2>模态框实例</h2>
  <!-- 按钮：用于打开模态框 -->
  <button>
    打开模态框
  </button>
   
  <!-- 模态框 -->
  <div>
    <div>
      <div>
   
        <!-- 模态框头部 -->
        <div>
          <h4>模态框头部</h4>
          <button>×</button>
        </div>
   
        <!-- 模态框主体 -->
        <div>
          模态框内容..
        </div>
   
        <!-- 模态框底部 -->
        <div>
          <button>关闭</button>
        </div>
   
      </div>
    </div>
  </div>
  
</div>

我们可以通过添加 .modal-sm 类来创建一个小模态框，.modal-lg 类可以创建一个大模态框。

VPS Bootstrap

从零启动全新 VPS，完成 OpenClaw 完整部署，包括备份/恢复及恢复后验证。用于 OpenClaw 部署。

下载

尺寸类放在 

元素的 .modal-dialog 类后 :

更多Bootstrap相关技术文章，请访问Bootstrap教程栏目进行学习！