bootstrap中请问以下这个横向一次可播放多张图的carousel怎么做？

问题描述：

图片说明
效果如上，虽然这个文件里面已经有了这个做法，但是实在太过复杂（有两个自己写的jq代码且没有注释），所以我想问问大家还有没有关于这个效果的教程。如果大家太忙，只给一些小小的tip给我就好了，希望大家不吝赐教！

答

div嵌套下

 <body>
    <div id="myCarousel" class="carousel slide pad_010 b_k" data-ride="carousel">
      <!-- 轮播（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>   
      <!-- 轮播（Carousel）项目 -->
      <div class="carousel-inner bor_btm">
          <div class="item active" >
              <div class="pic">
                  <img src="img/01.jpg" >
                  <img src="img/02.jpg" >
                  <img src="img/03.jpg" >
                  <img src="img/04.jpg" >
              </div>
          </div>
          <div class="item">
              <div class="pic">
                  <img src="img/01.jpg" >
                  <img src="img/02.jpg" >
                  <img src="img/03.jpg" >
                  <img src="img/04.jpg" >
              </div>
          </div>
          <div class="item">
              <div class="pic">
                  <img src="img/01.jpg" >
                  <img src="img/02.jpg" >
                  <img src="img/03.jpg" >
                  <img src="img/04.jpg" >
              </div>
          </div>
       </div>
       <!-- 轮播（Carousel）导航 -->
       <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
       <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>      
    </div>
</body>

答

横向多个图片首先你需要先定义一个行也就是 row 然后这个行的长度一共是12 你进行分配他最多应该是12 相当于你可以把每个定义为1 具体的你看下网上的 bootstrap 网格系统教程

bootstrap中请问以下这个横向一次可播放多张图的carousel怎么做？

相关推荐