按宽度排列Bootstrap Carousel项目。

我们安排一些div的内部bootstrap轮播项目。 请看这个

.item{ padding:10%; } .inner{ float:left; margin:10px; border:1px solid black; width:26% } .carousel-control{ width:4%; } 

    
 
 
  
 
 
 
 
 
  
 
 
 1
 
 2
 
 3
 
 
 
4
 
5
 
6
 
 
 
7
 
8
 
9
 
 
 
10
 
11
 
12
 
 
    Previous    Next  
  

当窗口调整到360px宽度时，div 3进入第一个轮播。 但每次我们只需要在一个caurosel中显示一行项目。 即，当窗口调整为360px div 3显示在第一个旋转木马itme，但我们需要显示在第二个旋转木马项目。 有没有办法做到这一点？

即：每当我们需要在一个轮播项目中显示第一行div时，另一个内部div需要根据宽度自动移动到下一级别。

Answer 1

bootstrap 3不支持此function。 所以使用猫头鹰旋转木马这有很酷的特色。

请参考此链接： http ： //owlgraphic.com/owlcarousel/demos/images.html