Split Bootstrap Carousel分为两部分

时间:2015-11-09 12:20:46

标签: twitter-bootstrap carousel

如何将Bootstrap Carouse拆分为两部分并连接它们? 我想尝试像Prezi的旋转木马(www.prezi.com - 它位于页面底部:#p-case-studies-section),它分为两部分,右边的图像是与第一个中的迭代相关联。

1 个答案:

答案 0 :(得分:0)

要执行此操作,请使用' data-slide-to'您可点击图片的属性。如果你看一下这个例子:http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_carousel&stacked=h

..您会在旋转木马指示器上看到数据 - 幻灯片 - (旋转木马图像顶部的圆圈)。要使其像prezi.com一样工作,只需将data-slide-to属性应用于位于旋转木马外部的图像,例如在旋转木马右侧的div中。

您不一定要将旋转木马分成两部分,而是将指示符图标移动到页面的另一部分。