如何在不同线路上获得BS旋转木马指示器
How to get BS Carousel Indicators on different lines
假设我想在一行上有5个,在另一行上5个?使用:
<br>
把指示顺序搞砸了,这样之后,错误的指示灯就亮了?
但是,你怎么能告诉最后5个人去没有<br>
的新线呢?
我终于弄明白了,只是手动应用了它。(关键是前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。对不起我糟糕的奶奶。
相关文章:
- 知道为什么我的旋转木马不会自动更改图片吗
- 禁用旋转木马中的下一个按钮和上一个按钮
- 旋转木马;启用内容安全策略时无法工作
- 在引导程序旋转木马中显示下一个图像
- 猫头鹰旋转木马2罐头't使渐变动画工作
- 猫头鹰旋转木马宽度计算错误
- 猫头鹰旋转木马动画未在Chrome中应用
- 猫头鹰旋转木马:无法读取属性'visibleItems'的未定义
- 在Javascript中设置多个小图像(如旋转木马)
- 如何使引导旋转木马保持图像纵横比
- 使用旋转木马在元素上切换类
- 将图像传递到Angular UI引导旋转木马
- 当ons惰性重复检测到更改时,如何使用ons旋转木马刷新列表
- 猫头鹰旋转木马2-拖动方向
- 带有JQuery和CSS的3D旋转木马-渲染不正确
- 如何在猫头鹰旋转木马中滑动所有可见项目,而不是使用上一个/下一个按钮
- Bootstrap 3旋转木马/滑块IE9支持
- Ruby on Rails - 引导旋转木马按钮不起作用
- Sencha Touch 2-选项卡面板中的旋转木马
- 如何在不同线路上获得BS旋转木马指示器