Bootstrap自定义轮播调整

时间:2014-03-24 09:48:10

标签: javascript jquery twitter-bootstrap twitter-bootstrap-3

我遇到了这个演示:http://www.bootply.com/94444。这几乎就是我一直在寻找的东西。

正如您所看到的,在一个视图中现在需要3张幻灯片。我想在一个视图中只有2张幻灯片。

有谁能告诉我如何做到这一点?

提前致谢。

2 个答案:

答案 0 :(得分:2)

请参阅此示例:http://www.bootply.com/124246

您需要修改3张幻灯片示例中的一些内容。

  • 将CSS从50%更改为33%
  • 将cols从col-4更改为col-6,以便cols为50%宽
  • 修改jquery以仅将下一个兄弟附加到活动项目(在每个活动框架中创建2个幻灯片)

答案 1 :(得分:0)

我不知道如何更改旋转木马引导程序来做你想做的事情

但我建议使用this插件javascript,我觉得很棒,请看看

可以自定义为100%,适合您