如何在不同的线路上获得BS Carousel指标

时间:2016-01-11 15:18:59

标签: javascript jquery html twitter-bootstrap carousel

说我想在一条线上有5条而在另一条线上有5条线路?使用:

<br>

弄乱指示顺序,以便在它之后,错误的指示灯亮起?

但是,除了<br>之外,你怎么能告诉最后5个去新线?

1 个答案:

答案 0 :(得分:0)

我终于明白了,只需手动应用它。 (关键是前20%和前27%。) (我把指示器放在我的旋转木马上面。)

  <ol class="carousel-indicators" style="top:20%;height:10px;">
      <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>
      <li data-target="#myCarousel" data-slide-to="3"></li>
      <li data-target="#myCarousel" data-slide-to="4"></li>                                             
   </ol>
   <ol class="carousel-indicators" style="top:27%; height:10px;">
      <li data-target="#myCarousel" data-slide-to="5"></li>
      <li data-target="#myCarousel" data-slide-to="6"></li>
      <li data-target="#myCarousel" data-slide-to="7"></li>
      <li data-target="#myCarousel" data-slide-to="8"></li>
      <li data-target="#myCarousel" data-slide-to="9"></li> 
   </ol>

//这是其他事情,你可以跳过阅读。

我设置了高度,因为在我的旋转木马下面有提交按钮和指示器默认高度太长,以至于边缘阻碍了可点击区域。

1默认指标高度:红色框中的可点击区域。

2设定身高后。

PS。抱歉我的可怕语法。