如何将Bootstrap多个轮播幻灯片横幅停止到单个图像横幅？

Question

我正在Bootstrap中使用轮播。我只希望它像横幅的单个图像。

我尝试了以下CSS代码：

item:active {
  visibility:hidden;
}

Answer 1

当然，您可以拥有仅包含一张图像的Bootstrap Carousel。我猜您正在尝试利用轮播，幻灯片，内部轮播之类的优势，如果适合您的需求，则可以创建没有任何箭头或控件的简单轮播：

<div class="container">
 <div id="myCarousel" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner">
   <div class="item active">
    <img src="la.jpg" alt="Los Angeles" style="width: 100%;">
   </div>
  </div>
 </div>