【问题标题】:How make a responsive carousel of 3 cards using Bootstrap 3如何使用 Bootstrap 3 制作 3 张卡片的响应式轮播
【发布时间】:2018-01-17 01:13:05
【问题描述】:

Here is the Sample image

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

【问题讨论】:

标签: html css twitter-bootstrap-3


【解决方案1】:

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

example

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

【讨论】:

    猜你喜欢
    • 2013-09-18
    • 2019-03-07
    • 2020-05-29
    • 2022-07-03
    • 2017-09-18
    • 1970-01-01
    • 1970-01-01
    • 2014-11-08
    • 2014-01-05
    相关资源
    最近更新 更多