试图通过两条线获得自定义和无限的猫头鹰轮播
Trying to get custom and unlimited Owl carousel over two lines
这是小提琴:
https://jsfiddle.net/h8kmove5/41/
我希望得到这个:
https://jsfiddle.net/h8kmove5/43/
两行行为。
我尝试使用:
p:nth-child(7n) {
}
无济于事?
检查这个https://jsfiddle.net/dhaileytaha/h8kmove5/44/
从这里更改 CSS:
#sync1 .item{
background: #0c83e7;
padding: 80px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
#sync1 .item.noItem{
background: none;
}
#sync2 {
margin-left: 0%;
}
#sync2 .item{
background: #C9C9C9;
padding: 10px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
cursor: pointer;
}
#sync2 .item h1{
font-size: 18px;
}
#sync2 .synced .item{
background: #0c83e7;
}
#sync2 .owl-item:nth-child(7n) {
clear: both;
}
自:
#sync1 .item{
background: #0c83e7;
padding: 80px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
#sync1 .item.noItem{
background: none;
}
#sync2 {
margin-left: 0%;
}
#sync2 .item{
background: #C9C9C9;
padding: 10px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
cursor: pointer;
}
#sync2 .item h1{
font-size: 18px;
}
#sync2 .synced .item{
background: #0c83e7;
}
相关文章:
- 结合jQuery和jetpack无限滚动
- ng应用程序使脚本无限运行
- JavaScript 素数搜索无限递归
- jquery/ajax无限滚动事件
- 内容结束时停止无限滚动
- 如何停止在JavaScript中无限克隆表单字段
- 使用滚动溢出-x进行无限循环
- jQuery无限滑块插件
- 超过了最大调用堆栈大小,循环无限
- 无限的java脚本循环
- 从index.html调用函数,该函数无限循环
- jquery无法使用无限滚动
- 为什么我使用javascript获得了一个无限的for循环
- 无限滚动交替
- 原生脚本无限翻译动画
- 使用jQuery无限循环播放HTML页面幻灯片
- Grunt任务没有加载,获得无限循环
- 无限滚动更改ID问题
- jQuery eq()导致无限迭代
- 试图通过两条线获得自定义和无限的猫头鹰轮播