Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 响应引导旋转项目中的多个列_Jquery_Html_Css_Twitter Bootstrap_Carousel - Fatal编程技术网

Jquery 响应引导旋转项目中的多个列

Jquery 响应引导旋转项目中的多个列,jquery,html,css,twitter-bootstrap,carousel,Jquery,Html,Css,Twitter Bootstrap,Carousel,我想知道如何使用引导旋转木马实现响应性布局,每个项目中有多个列 演示: 在手机上,我需要滑动所有列,但每个项目只能有一列。 为移动设备上的列大小添加col xs-我认为这不是一件仅使用bootstrap就可以做到的事情,您必须编写一些自定义javascript。我也面临着同样的问题,我发现这个Bootply可以帮助你,就像它帮助了我一样: 否,我需要将4张幻灯片中的每一张中的3列(在sm列和更大的幻灯片上)转换为12张幻灯片中的每一张中的1列(在xs列上)。现在我只需要创建两个不同的旋转木马,

我想知道如何使用
引导旋转木马
实现响应性布局,每个项目中有多个列

演示:

在手机上,我需要滑动所有列,但每个项目只能有一列。


为移动设备上的列大小添加
col xs-

我认为这不是一件仅使用bootstrap就可以做到的事情,您必须编写一些自定义javascript。我也面临着同样的问题,我发现这个Bootply可以帮助你,就像它帮助了我一样:


否,我需要将4张幻灯片中的每一张中的3列(在sm列和更大的幻灯片上)转换为12张幻灯片中的每一张中的1列(在xs列上)。现在我只需要创建两个不同的旋转木马,并将它们分别显示在不同的显示大小上。如果项目小于3,则它将复制该项目。