响应式 html 内容轮播插件或没有

Posted 2023-02-25

【中文标题】响应式 html 内容轮播插件或没有

【英文标题】：responsive html content carousel plugin or without

【发布时间】：2014-11-04 11:15:27

【问题描述】：

我正在寻找一个响应式 html 内容轮播。如下图所示。

尝试使用jQuery Cycle2，但无法达到我想要的效果。寻找能够做到这一点的插件，我认为最简单的解决方案可能是尝试使用纯 javascript/jQuery。

找到这个话题jquery carousel - without a plugin 现在，我正在努力通过响应式元素来实现这一目标。

任何帮助将不胜感激 - 我并不是说这必须没有插件，只是一些不难实现并且可能没有太多开销的东西。

【参考方案1】：

使用“引导程序”：http://getbootstrap.com/css/#grid

你可以通过写作来实现你想要的风格..

    <div class="container">
     <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4> YOUR FIRST BOX HERE</div>
        <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4> YOUR SECOND BOX HERE</div>
        <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4>YOUR THIRD BOX HERE</div>
     </div>
    </div>

【讨论】：

是的，但我希望这是一个旋转木马，而不仅仅是响应式网格，我已经准备好使用波旁威士忌，整洁。