bootstrap轮播

Bootstrap 轮播（Carousel）是一种可以展示多张图片或内容的交互式组件。以下是一个基本的 Bootstrap 轮播示例：

<div id="myCarousel" class="carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
  </ol>

  <div class="carousel-inner">
    <div class="item active">
      <img src="image1.jpg" alt="Image 1">
    </div>

    <div class="item">
      <img src="image2.jpg" alt="Image 2">
    </div>

    <div class="item">
      <img src="image3.jpg" alt="Image 3">
    </div>
  </div>

  <a class="left carousel-control" href="#myCarousel" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
    <span class="sr-only">Previous</span>
  </a>

  <a class="right carousel-control" href="#myCarousel" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

在这个示例中，我们使用了 `carousel` 类来创建轮播组件。`carousel` 组件包含了一个 `carousel-inner` 容器，用来包含所有轮播项。每个轮播项都是一个 `item` 元素，其中包含了一个图片或者内容。在 `carousel` 组件中还包含了一个 `carousel-indicators` 元素，用来指示当前轮播项的位置。最后，我们使用 `carousel-control` 元素来创建左右箭头控制轮播。