【问题标题】:How do I stop a Bootstrap multiple carousel slide banner to a single image banner?如何将 Bootstrap 多个轮播幻灯片横幅停止为单个图像横幅?
【发布时间】:2021-03-05 03:21:10
【问题描述】:

我在 Bootstrap 中使用轮播。我只是希望它像横幅的单张图片。

我试过这个 CSS 代码:

item:active {
  visibility: hidden;
}

【问题讨论】:

    标签: html css twitter-bootstrap


    【解决方案1】:

    当然,您可以只拥有一张图片的Bootstrap Carousel。我猜你正试图利用 class/es carousel、slide、carousel-inner 左右,如果它符合你的需要,你可以创建没有任何箭头或控件的简单轮播:

    <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>
    </div>
    

    【讨论】:

      猜你喜欢
      • 2015-11-13
      • 2015-06-02
      • 1970-01-01
      • 2011-10-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多