1024问

Bootstrap4 模态框

Winona ·
更新时间:2024-11-10
· 597 次阅读

Bootstrap4 模态框

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

如何创建模态框

以下实例创建了一个简单的模态框效果 ：

实例
模态框尺寸

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

尺寸类放在

元素的 .modal-dialog 类后 :

实例 - 小模态框

实例 - 大模态框



bootstrap Bootstrap4

1024 个赞
编辑 举报
需要 登录 后方可回复, 如果你还没有账号请 注册新账号
相关文章
HTML 基础- 4个实例
Ivie 2021-01-23
701
Linux下netstat命令的一些常见用法
Fidelia 2021-03-30
826
Bootstrap4 加载效果
Tia 2022-05-04
579
Bootstrap4 滚动监听(Scrollspy)
Petunia 2022-09-29
367
Bootstrap4 Flex（弹性）布局
Hellens 2022-09-29
239
Bootstrap4 多媒体对象
Belle 2022-09-29
1008
在ASP.Net Core应用程序中使用Bootstrap4
Tina 2022-10-03
839
Jquery+bootstrap实现表格行置顶置底上移下移操作详解
Xanthe 2022-10-23
759
Bootstrap table列上下移动效果
Eleanor 2022-10-23
1763
Vue项目中使用Bootstrap
Meta 2022-10-25
1576
Django中引入bootstrap的详细图文详解
Tanisha 2022-11-10
1481
Nacos-SpringBoot框架启动不加载bootstrap.yml的解决
Antonia 2022-11-23
1421
爬虫训练前端基础Bootstrap5排版表格图像
Rhea 2023-02-26
6
SpringBoot项目集成Swagger和swagger-bootstrap-ui及常用注解解读
Agnes 2023-04-02
285
NCCL深度学习Bootstrap网络连接建立源码解析
Fawn 2023-04-20
501
express框架+bootstrap美化ejs模板实例分析
Oria 2023-05-18
1397
Angular应用Bootstrap过程步骤逻辑详解
Tricia 2023-07-20
1622