Bootstrap 4 带垂直拇指的引导4转盘

Bootstrap 4 带垂直拇指的引导4转盘,bootstrap-4,carousel,Bootstrap 4,Carousel,$('.carousel.vertical.carousel项')。每个(函数(){ var next=$(this.next(); 如果(!next.length){ next=$(this.sibbines(':first'); } next.children(':first child').clone().appendTo($(this)); 对于(变量i=1;i.转盘项目{ -webkit转换:.6s易入易出顶部!重要; -o型过渡:.6s易进易出顶部!重要; 过渡:.6s轻松进出顶部!

$('.carousel.vertical.carousel项')。每个(函数(){
var next=$(this.next();
如果(!next.length){
next=$(this.sibbines(':first');
}
next.children(':first child').clone().appendTo($(this));
对于(变量i=1;i.转盘项目{
-webkit转换:.6s易入易出顶部!重要;
-o型过渡:.6s易进易出顶部!重要;
过渡:.6s轻松进出顶部!重要;
}
@媒体和全部(transform-3d),
(-webkit-transform-3d){
.carousel-inner.vertical>.carousel项目{
-webkit转换:-webkit转换。6s易入易出!重要;
-o-转换:-o-转换。6s易进易出!重要;
转换:转换。6s轻松输入输出!重要;
-webkit背面可见性:隐藏!重要;
背面可见性:隐藏!重要;
-webkit透视图:1000!重要;
观点:1000!重要;
}
.carousel-inner.vertical>.carousel-item.carousel-item-next,
.carousel-inner.vertical>.carousel-item.active.carousel-item-right{
-webkit转换:translate3d(0,33.33%,0)!重要;
转换:translate3d(0,33.33%,0)!重要;
顶部:0!重要;
}
.carousel-inner.vertical>.carousel-item.carousel-item-prev,
.carousel-inner.vertical>.carousel-item.active.carousel-item-left{
-webkit转换:translate3d(0,-33.33%,0)!重要;
转换:translate3d(0,-33.33%,0)!重要;
顶部:0!重要;
}
.carousel-inner.vertical>.carousel-item.carousel-item-next.carousel-item-left,
.carousel-inner.vertical>.carousel-item.carousel-item-prev.carousel-item-right,
.carousel-inner.vertical>.carousel-item.active{
-webkit转换:translate3d(0,0,0)!重要;
变换:translate3d(0,0,0)!重要;
排名:0;
}
}
.carousel-inner.vertical>.active{
排名:0;
}
.carousel-inner.vertical>.carousel项目下一步,
.carousel-inner.vertical>.carousel项目上一个{
排名:0;
身高:100%;
宽度:自动;
}
.carousel-inner.vertical>.carousel项目下一步{
左侧转盘项目:0;
最高:33.33%;
转盘项目右侧:0;
}
.carousel-inner.vertical>.carousel项目上一个{
左侧转盘项目:0;
前-33.33%;
转盘项目右侧:0;
}
.carousel-inner.vertical>.carousel-item-next.carousel-item-left,
.carousel-inner.vertical>.carousel-item-prev.carousel-item-right{
排名:0;
}
.carousel-inner.vertical>.active.carousel-item-left{
左侧转盘项目:0;
前-33.33%;
转盘项目右侧:0;
}
.carousel-inner.vertical>.active.carousel-item-right{
左侧转盘项目:0;
最高:33.33%;
转盘项目右侧:0;
}
#转盘寻呼机。转盘-项目-左。转盘-控制-转盘-项目-上{
底部:首字母;
宽度:100%;
}
#转盘寻呼机。转盘-项目-右侧。转盘-控制-转盘-项目-下一步{
顶部:首字母;
宽度:100%;
}

请尝试此代码

$('.carousel.vertical.carousel项')。每个(函数(){
var next=$(this.next();
如果(!next.length){
next=$(this.sibbines(':first');
}
next.children(':first child').clone().appendTo($(this));
对于(变量i=1;i.转盘项目{
-webkit转换:.6s易入易出顶部!重要;
-o型过渡:.6s易进易出顶部!重要;
过渡:.6s轻松进出顶部!重要;
}
@媒体和全部(transform-3d),
(-webkit-transform-3d){
.carousel-inner.vertical>.carousel项目{
-webkit转换:-webkit转换。6s易入易出!重要;
-o-转换:-o-转换。6s易进易出!重要;
转换:转换。6s轻松输入输出!重要;
-webkit背面可见性:隐藏!重要;
背面可见性:隐藏!重要;
-webkit透视图:1000!重要;
观点:1000!重要;
}
.carousel-inner.vertical>.carousel-item.carousel-item-next,
.carousel-inner.vertical>.carousel-item.active.carousel-item-right{
-webkit转换:translate3d(0,33.33%,0)!重要;
转换:translate3d(0,33.33%,0)!重要;
顶部:0!重要;
}
.carousel-inner.vertical>.carousel-item.carousel-item-prev,
.carousel-inner.vertical>.carousel-item.active.carousel-item-left{
-webkit转换:translate3d(0,-33.33%,0)!重要;
转换:translate3d(0,-33.33%,0)!重要;
顶部:0!重要;
}
.carousel-inner.vertical>.carousel-item.carousel-item-next.carousel-item-left,
.carousel-inner.vertical>.carousel-item.carousel-item-prev.carousel-item-right,
.carousel-inner.vertical>.carousel-item.active{
-webkit转换:translate3d(0,0,0)!重要;
变换:translate3d(0,0,0)!重要;
排名:0;
}
}
.carousel-inner.vertical>.active{
排名:0;
}
.carousel-inner.vertical>.carousel项目下一步,
.carousel-inner.vertical>.carousel项目上一个{
排名:0;
身高:100%;
宽度:自动;
}
.carousel-inner.vertical>.carousel项目下一步{
左侧转盘项目:0;
最高:33.33%;
转盘项目右侧:0;
}
.carousel-inner.vertical>.carousel项目上一个{
左侧转盘项目:0;
前-33.33%;
转盘项目右侧:0;
}
.carousel-inner.vertical>.carousel-item-next.carousel-item-left,
.carousel-internal.vertical>.carousel项目上一个。