à§à - ,à基à
#css #bootstrap

bootstrap×x°°carousel Compontionà ———à ¾® ৗ— ¾——§ ‾°°

Image description

<div id="carouselExample" class="carousel slide" data-bs-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="..." class="d-block w-100" alt="...">
    </div>
  </div>
  <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
</div>

.carousel .slide-> .carousel class类àj°§à car ¾!¾¾可选类。 bootstrap旋转旋转频率)slideà¥Ö。 acm�� 。 à /p>

data-bs-ride =“旋转旋转木马” - > à �°¾¾°°®®氨基自动 �—§à§range更改

.carousel -inner-> ઠ€€à§à§à§幻灯片,文本,图像等−§ ÖTIMSIPATICT的€à à 。

.carousel -iTem-> - 在样式下

.Active-> à €¾°°。 �°¾¾ -¹ à �§à§à§à§à ¿ ¥à¾——,图像图像!

.carousel-control-prev .carousel-control-next-> à€¥à€à¾à-§°°°®®图像 - ¹样式

.carousel-control-prev-icon .carousel-control-next-icon-> à上一个图像和下一个图像‾ - ৗ— /p>

〜let's_code_your_career
〜Happy_coding!