PHP MySQL jquery HTML CSS
Bootstrap 5教程 表单 网格
入门 容器 网格基础 排版 颜色 表格 图像 Jumbotron 警告框 按钮 按钮组 徽章 进度条 加载器 分页 列表组 卡片 下拉菜单 折叠 导航 导航栏 轮播 模态 工具提示 弹出框 Toast Scrollspy Offcanvas 实用工具 Flex 表单 选择菜单 复选框和单选按钮 范围 输入组 浮动标签 表单验证 网格系统 堆叠/水平 网格 XSmall 网格 Small 网格 Medium 网格 Large 网格 XLarge 网格 XXL 网格实例

Bootstrap 5教程

入门 容器 网格基础 排版 颜色 表格 图像 Jumbotron 警告框 按钮 按钮组 徽章 进度条 加载器 分页 列表组 卡片 下拉菜单 折叠 导航 导航栏 轮播 模态 工具提示 弹出框 Toast Scrollspy Offcanvas 实用工具 Flex

表单

表单 选择菜单 复选框和单选按钮 范围 输入组 浮动标签 表单验证

网格

网格系统 堆叠/水平 网格 XSmall 网格 Small 网格 Medium 网格 Large 网格 XLarge 网格 XXL 网格实例
首页 > 大前端 > Bootstrap >Bootstrap 5教程

Bootstrap 5教程

收藏
分享
浏览11139
更新时间2025-08-11
图像 警告框

Bootstrap 5 Jumbotron

在 Bootstrap 3 中引入了 jumbotron，会生成大的填充框，用于引起对某些特殊内容或信息的额外关注。

Bootstrap 5 不再支持 Jumbotron。但是，您可以使用 <div> 元素并将特殊的辅助类与颜色类一起添加以达到相同的效果：

Jumbotron 实例

实例

<div class="mt-4 p-5 bg-primary text-white rounded">
  <h1>Jumbotron 实例</h1>
  <p>上海市，简称沪，别称申，是中华人民共和国直辖市，中国的经济、金融、贸易和航运中心 ...</p>
</div>

图像 警告框

相关视频

更多

免费

前端入门_HTML5
初级前端入门_HTML5

64.8万次学习

收藏

免费

30分钟学会网站布局
初级30分钟学会网站布局

24.6万次学习

收藏

免费

CSS视频教程-玉女心经版
初级CSS视频教程-玉女心经版

41.1万次学习

收藏

免费

JavaScript极速入门_玉女心经系列
初级JavaScript极速入门_玉女心经系列

76.4万次学习

收藏

科技资讯

更多
华为发布六大电力全球样板点，以AI与能源双向赋能驱动电力新未来
新方法、新组织、新工具：华为发布AI行业落地新路径
华为云企业级AI产品全面落地 做最开放的Agentic Cloud
以灵衢互联为核心，打造集群与超节点协同的新计算架构
华为发布全球首个采用NPO的超节点——昇腾960超节点
华为坤灵升级“4+10+N”场景化方案，发布“经纬计划”和50个样板点
佳能发布全画幅相机 EOS R8 Mark II：2420 万像素、新增支持机身防抖，9999 元
全球首款AI智能体手机正式上市！努比亚NaviX Ultra 5499元起
佳能发布Dual Pixel 3D Converter应用软件，可将照片生成3D模型

24小时阅读榜

更多

1

如何使用DockerHub快速拉取Hyperf镜像

2

为什么Python中TensorFlow保存的h5权重无法加载

3

HTML页面中iframe嵌套第三方分享插件的使用指南

4

Gin框架中获取请求完整URL地址及参数教程

5

Apache主配置文件中怎么配置多域名共享同一个DocumentRoot

6

如何在SQL中处理外键约束导致的DELETE失败问题

7

如何在Oracle 23c RAC中结合Kubernetes实现容器化高可用

8

Nginx排查长连接传输大文件过程中被Nginx中断报错

9

使用GoLand开发基于OAuth2协议的安全认证项目

10

H5 中怎么用 SVG 实现答题卡对勾绘制的逐笔书写特效

11

如何在MySQL中配置用户必须使用SSL加密连接

12

基于Golang与Gin框架开发简易短视频API

13

为什么在Less中使用@extend无法匹配嵌套的CSS选择器？

14

HTML中input标签checkbox复选框的常见用法

15

Parallels Desktop 处理虚拟机与宿主机时间同步问题

精品课程

更多
PHP实战天龙八部之微信支付视频教程
PHP实战天龙八部之微信支付视频教程

共5课时

18万人学习

PHP实战天龙八部之仿爱奇艺电影网站
PHP实战天龙八部之仿爱奇艺电影网站

共49课时

82万人学习

前端入门_HTML5
前端入门_HTML5

共29课时

64.9万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时

41.2万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时

76.6万人学习

独孤九贱(1)_HTML5视频教程
独孤九贱(1)_HTML5视频教程

共25课时

64.1万人学习

独孤九贱(2)_CSS视频教程
独孤九贱(2)_CSS视频教程

共22课时

24.3万人学习

独孤九贱(3)_JavaScript视频教程
独孤九贱(3)_JavaScript视频教程

共28课时

36.2万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时

133.1万人学习

热门下载

更多
phpStudy 2018最新版
phpStudy 2018最新版

集成PHP7，16种组合，超全大合集

下载
vc9-vc14（32+64位）运行库合集（链接在下方）
vc9-vc14（32+64位）运行库合集（链接在下方）

phpStudy安装所需运行库集合下载

下载
VC9 32位
VC9 32位

VC9 32位 phpstudy集成安装环境运行库

下载
VC11 32位
VC11 32位

VC11 32位 phpstudy集成安装环境运行库​

下载
php程序员工具箱完整版
php程序员工具箱完整版

程序员工具箱 v1.0 php集成环境

下载
VC14 32位
VC14 32位

VC14 32位 phpstudy安装环境运行库

下载
SublimeText3汉化版
SublimeText3汉化版

中文版，非常好用

下载
Notepad++ Windows版
Notepad++ Windows版

Notepad++ 8.9.7 Windows版官方安装包，适合 Windows 用户进行代码编辑、文本处理、语法高亮和插件扩展配置。

下载
phpStudy V8.1（Win64位）（已支持php8）
phpStudy V8.1（Win64位）（已支持php8）

Win64位，支持php多版本共存

下载
提交