【问题标题】:Media Slider Carousel BS3 show one image per slide on mobile devicesMedia Slider Carousel BS3 在移动设备上每张幻灯片显示一张图片
【发布时间】:2017-03-09 11:23:40
【问题描述】:

我在网页中使用这个 Media Slider Carousel BS3 bootsnipp 来创建一个迷你滑块,但是我想做的是在移动屏幕上每张幻灯片只显示一个图像而不是 3 个。

所以不是这个

拥有这样的东西

【问题讨论】:

  • 向我们展示 html 代码。
  • html 和 bootsnipp 一样,所以我没有把它放在我的帖子里
  • 除了 bootsnipp 之外,你有没有尝试过任何东西?
  • 我想用一个引导插件来与我网页上的其他元素保持一致
  • 没有用于此的 Bootstrap 插件。如您所知,bootsnipp 是一种自定义。您应该先尝试一下,而不是让 SO 为您解决。

标签: jquery twitter-bootstrap twitter-bootstrap-3


【解决方案1】:

你的意思是this?

在此示例中,他们删除了两个 .col-md-4 div 并将 width: 100% 添加到剩余的 .col-md-4 div - 这不是 IMO 的最佳方法,但它有效。

【讨论】:

  • 我认为 OP 仍然希望在大屏幕上使用倍数。这只是一个。
  • 是的,当我浏览这些 sn-ps 以找到正确的时,我已经看到了这个,但是这个在桌面视图中只显示了一张幻灯片。我想要做的是在大屏幕上显示 3 或 4 张幻灯片,但在小屏幕上显示一张幻灯片
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-11-19
  • 2017-09-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-05-22
  • 2016-10-16
相关资源
最近更新 更多