首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >显示多张幻灯片,使用Bootstrap 3.3.5旋转木马移动一个幻灯片

显示多张幻灯片,使用Bootstrap 3.3.5旋转木马移动一个幻灯片
EN

Stack Overflow用户
提问于 2015-09-04 23:53:33
回答 1查看 2.4K关注 0票数 1

我试着使用这个代码段来获得Bootstrap的旋转木马来显示6个条目,但是只提前了1,并且它与Bootstrap 3.0.2一起工作,但是当我尝试将它与Bootstrap 3.3.5一起使用时,它推进了完整的6。

我在JS方面还不够先进,不知道我应该做些什么。这还可能吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-09-06 03:45:13

发现最新版本的Bootstrap增加了一些额外的类来移动幻灯片。添加此CSS以覆盖Bootstrap的修复问题:

代码语言:javascript
运行
复制
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
  left: 0;
  -webkit-transform: translate3d(16.66666667%, 0, 0);
          transform: translate3d(16.66666667%, 0, 0);
}

.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
  left: 0;
  -webkit-transform: translate3d(-16.66666667%, 0, 0);
          transform: translate3d(-16.66666667%, 0, 0);
}

固定启动这里

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32408101

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档