要创建 Bootstrap 轮播图，请执行以下步骤：创建一个带有 carousel 类的父容器。添加幻灯片，使用 carousel-item 类，将 active 类添加到第一个幻灯片。（可选）添加指示器，在容器内添加具有 carousel-indicators 类的 ol 元素。（可选）添加控件，在容器内添加具有 carousel-control-prev 和 carousel-control-next 类的按钮。（可选）使用JavaScript初始化轮播图，以启用自动播放、计时器和指示器。
如何创建 Bootstrap 轮播图
轮播图是一个图像或幻灯片集合，在指定的时间间隔内自动显示。Bootstrap 提供了一个简单的类，可以让您轻松在网页中创建轮播图。
第一步：创建容器
创建一个带有 carousel 类的父容器：
<code class="html"><div class="carousel"></code>
第二步：添加幻灯片
在容器内添加幻灯片，使用 carousel-item 类：
<code class="html"><div class="carousel-item active"> <img src="image1.jpg" alt="Image 1"> </div> <div class="carousel-item"> <img src="image2.jpg" alt="Image 2"> </div></code>
将 active 类添加到第一个幻灯片，它将作为初始幻灯片显示。
第三步：添加指示器（可选）
指示器显示轮播图中当前和潜在的幻灯片。在容器内添加具有 carousel-indicators 类的 ol 元素：
<code class="html"><ol class="carousel-indicators"> <li data-target=".carousel" data-slide-to="0" class="active"></li> <li data-target=".carousel" data-slide-to="1"></li> </ol></code>
第四步：添加控件（可选）
控件允许用户手动导航轮播图。在容器内添加具有 carousel-control-prev 和 carousel-control-next 类的按钮：
<code class="html"><a class="carousel-control-prev" href=".carousel" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">上一张</span> </a> <a class="carousel-control-next" href=".carousel" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">下一张</span> </a></code>
第五步：初始化轮播图（可选）
使用 JavaScript 初始化轮播图，以启用自动播放、计时器和指示器。
<code class="javascript">$('.carousel').carousel({
interval: 5000 // 自动播放的间隔时间（毫秒）
});</code>完成
这些步骤将创建具有自动播放、指示器和控件的响应式 Bootstrap 轮播图。
