如何使用Bootstrap 3制作3张卡片的响应式旋转木马

时间:2017-08-09 08:43:17

标签: html5 css3 twitter-bootstrap-3

Here is the Sample image

在如图所示的图像上如何在每个页面中创建带有轮播的卡片它将显示为3并且在移动模式下它将显示为一张卡如何使用Bootstrap或没有bootstrap任何建议?

1 个答案:

答案 0 :(得分:0)

尝试在boostrap中使用网格并按列分割卡片。例如,如果您有12个网格,则您将col-lg-4用于大型桌面,然后col-xs-12用于小型设备。

example

尝试最小化屏幕并查看响应能力