Javascript 引导3网格旋转木马

Javascript 引导3网格旋转木马,javascript,css,twitter-bootstrap-3,grid,carousel,Javascript,Css,Twitter Bootstrap 3,Grid,Carousel,我正在尝试制作一个包含多个网格元素的旋转木马。我想用Bootstrap3来做这个,但我没办法 这就是我想要旋转木马的方式。 有专家能帮我吗?我认为最简单的方法是将每个转盘项目用作基于手机内容的容器。在本例中,我使用了一个表来保存一些图像,但也可以使用一个引导行 td{ 背景图片:url(http://lorempixel.com/72/72/); 背景尺寸:封面; 背景位置:中心; 宽度:33%; 高度:100px; 边框:实心2片aliceblue; } td{ 背景图片:url

我正在尝试制作一个包含多个网格元素的旋转木马。我想用Bootstrap3来做这个,但我没办法

这就是我想要旋转木马的方式。


有专家能帮我吗?

我认为最简单的方法是将每个转盘项目用作基于手机内容的容器。在本例中,我使用了一个表来保存一些图像,但也可以使用一个引导行

td{
背景图片:url(http://lorempixel.com/72/72/);
背景尺寸:封面;
背景位置:中心;
宽度:33%;
高度:100px;
边框:实心2片aliceblue;
}

  • td{
    背景图片:url(http://lorempixel.com/72/72/);
    背景尺寸:封面;
    背景位置:中心;
    宽度:33%;
    高度:100px;
    边框:实心2片aliceblue;
    }
    
    

  • 尝试在项目中使用带有类行的div,您应该能够正常使用网格。我过去曾这样做,将旋转木马内容设置为行,或者在本例中设置为包含多个单元格的表。