“Bootstrap5 Jumbotron”的版本间差异
本页内容
（创建页面，内容为“{{DISPLAYTITLE:Bootstrap5 Jumbotron}}9 = Bootstrap5 Jumbotron = Jumbotron（超大屏幕）会创建一个大的灰色背景框，里面可以设置一些特殊的内容和信息。 在 Bootstrap 3 中引入了一个 jumbotron 来创建一个大的背景框，用于显示一些重要的信息。 在 Bootstrap 5 中，已经不再支持 Jumbotron。但是，我们可以使用 <div> 元素添加一些辅助类与颜色类…”） |
小 （文本替换 - 替换“学的不仅是技术，更是梦想”为“学习使人快乐”） |
||
| 第13行： | 第13行： | ||
<div class="mt-4 p-5 bg-primary text-white rounded"> | <div class="mt-4 p-5 bg-primary text-white rounded"> | ||
<h1>小白教程</h1> | <h1>小白教程</h1> | ||
<p> | <p>学习使人快乐！！！</p> | ||
</div> | </div> | ||
</sample> | </sample> | ||
| 第31行： | 第31行： | ||
<div class="mt-4 p-5 bg-primary text-white rounded"> | <div class="mt-4 p-5 bg-primary text-white rounded"> | ||
<h1>小白教程</h1> | <h1>小白教程</h1> | ||
<p> | <p>学习使人快乐！！！</p> | ||
<p> | <p>学习使人快乐！！！</p> | ||
<p> | <p>学习使人快乐！！！</p> | ||
</div> | </div> | ||
</div> | </div> | ||
2022年8月20日 (六) 14:58的最新版本
Bootstrap5 Jumbotron
Jumbotron（超大屏幕）会创建一个大的灰色背景框，里面可以设置一些特殊的内容和信息。
在 Bootstrap 3 中引入了一个 jumbotron 来创建一个大的背景框，用于显示一些重要的信息。
在 Bootstrap 5 中，已经不再支持 Jumbotron。但是，我们可以使用 <div> 元素添加一些辅助类与颜色类来达到相同的效果：
提示: Jumbotron 里头可以放一些 HTML标签，也可以是 Bootstrap 的元素。
示例
<div class="mt-4 p-5 bg-primary text-white rounded">
<h1>小白教程</h1>
<p>学习使人快乐！！！</p>
</div>