Container test 容器测试
The Red Dragon Safi'jiiva (ムフェト・ジーヴァ, Mufeto Jiiva) is an Elder Dragon introduced in Monster Hunter World: Iceborne.
The Dark Beacon Dragon Xeno'jiiva (ゼノ・ジーヴァ, Zeno Jīva) is an Elder Dragon introduced in Monster Hunter: World.
图片来源：X
页面背景图来源：Steam
霞鹜文楷 GB 字体测试
这是一段使用霞鹜文楷字体的文本。
常规大小：轻舟已过万重山，两岸猿声啼不住。
更大的字号：天生我材必有用，千金散尽还复来。
Container自适应容器测试
Column1
Column2
Column3
Column1
Column2
Column3
Column1
Column2
容器显示对应表
| Extra small <576px |
Small ≥576px |
Medium ≥768px |
Large ≥992px |
X-Large ≥1200px |
XX-Large 1400px |
|
|---|---|---|---|---|---|---|
.container |
100% | 540px | 720px | 960px | 1140px | 1320px |
.container-sm |
100% | 540px | 720px | 960px | 1140px | 1320px |
.container-md |
100% | 100% | 720px | 960px | 1140px | 1320px |
.container-lg |
100% | 100% | 100% | 960px | 1140px | 1320px |
.container-xl |
100% | 100% | 100% | 100% | 1140px | 1320px |
.container-xxl |
100% | 100% | 100% | 100% | 100% | 1320px |
.container-fluid |
100% | 100% | 100% | 100% | 100% | 100% |
文字和颜色测试
title 1
title 2
title 3
bootstrap title 1
bootstrap title 2
bootstrap title 3
主要文本
次要文本
白色文本
成功文本
危险文本
警告文本
消息文本
浅色文本
黑色文本
柔和文本
默认文本
50% 黑色
表格测试
| 项目 | 本体 | Digital Deluxe |
|---|---|---|
| Monster Hunter: World | ￥148 | ￥346 |
| Monster Hunter Stories 2: Wings of Ruin | ￥198 | ￥248 |
| Monster Hunter: Rise | ￥198 | ￥348 |
| Monster Hunter: Stories | ￥148 | N/A |
| Monster Hunter: Wilds | ￥348 | ￥548 |
| Monster Hunter Stories 3 Twisted Reflection | ￥298 | ￥428 |
图片测试
让表格居中对齐普通图片
|
圆角rounded
|
圆角rounded-1
|
圆角rounded-bottom-1
|
圆角rounded-end-1
|
圆角rounded-start-1
|
圆角rounded-top-1
|
圆角rounded-pill
|
圆角rounded-circle
|
圆角rounded-2
|
圆角rounded-3
|
圆角rounded-4
|
img-fluid
|
圆角边框img-thumbnail
|
class="img-fluid"自适应容器大小
信息提示框测试
危险提示框
深色提示框
信息提示框
浅色提示框
链接提示框
新大陆
首要提示框
次要提示框
成功提示框
警告提示框
看到这里就代表你要上岸了！
关闭信息提示框测试
危险提示框
深色提示框
信息提示框
浅色提示框
链接提示框
新大陆
首要提示框
次要提示框
成功提示框
警告提示框
看到这里就代表你要上岸了！
