jquery - Bootstrap 滑动列

Question

我正在尝试弄清楚如何像本网站(水平第二部分)中那样创建滑动列/框(不是旋转木马): https://www.resumerepublic.com/

假设我有 5 列。我最初想渲染其中的 3 个:1 2 3并有一个分页选项，单击它我们将隐藏第一列并显示第 4 列:2 3 4等等。我不想使用轮播和显示元素组。我想在分页期间显示单个元素。

<div class="row">
    <div class="span4">
        <div class="thumbnail">
          <img alt="300x200"  style="height: 200px;width: 100%" src="images/1.png">
        </div>
   </div>
    <div class="span4">
        <div class="thumbnail">
          <img alt="300x200" style="height: 200px;width: 100%" src="images/2.png">
        </div>
    </div>
    <div class="span4">
        <div class="thumbnail">
          <img alt="300x200" style="height: 200px;width: 100%" src="images/3.png">
        </div>
    </div>
    <div class="span4">
        <div class="thumbnail">
          <img alt="300x200" style="height: 200px;width: 100%" src="images/4.png">
        </div>
    </div>
    <div class="span4">
        <div class="thumbnail">
          <img alt="300x200" style="height: 200px;width: 100%" src="images/5.png">
        </div>
    </div>
</div>

这是使用 bootstrap 2.4.2。我知道我只能有 3 个 span4 div，但这就是我要实现的目标，在分页后呈现第 4 个和第 5 个缩略图。

Answer 1

我之前忘记更新这个问题了。我能够使用 jCarousel 插件解决问题:http://sorgalla.com/jcarousel/但是，我无法使用 Bootstrap 类来创建网格布局。按照 LOTUSMS 的建议更改实现以使用列表。