如何使额外的div块作为滑块工作

Question

我有引导3页显示的第一次页面加载一个div。当我点击“打开下一个区块”按钮时，如果我点击第二个div3div就会出现另一个div。以这种方式，我总共要展示6个div。小提琴

问题是，当有更多的3div，它去第二行，我不想要。我试着用滑块的方式来完成这个任务。这是否有可能，当有更多的3 div块，非常左div块被隐藏和新的div块显示？比如如果div 4显示div 1被隐藏，如果div 5显示div 2被隐藏？

此外，当我单击左箭头按钮，左div块将显示一个一个，右div隐藏？主要是它应该作为一个滑块，一个接一个的div运动。

当前jQuery：

$("#block-1").click(function() {
    $('#block-2').show();
});
$("#block-2").click(function() {
    $('#block-3').show();
});
$("#block-3").click(function() {
    $('#block-4').show();
});
$("#block-4").click(function() {
    $('#block-5').show();
});
$("#block-5").click(function() {
    $('#block-6').show();
});

我很抱歉英语不太好，并提前感谢。

Answer 1

引导行只有12列。如果将每个块设置为四列的宽度，则每一行只能有三个。将其列更改为2，使其连续有6列。这

col-xs-4 col-sm-4 col-sm-4 col-md-4 col-lg-4

需要

col-xs-2 col-sm-2 col-sm-2 col-md-2 col-lg-2

至于滑块，有更好的方法来做，但这是你想要的吗？增加一个变量来跟踪您所在的块，然后用后退按钮关闭它。

http://jsfiddle.net/Lq07ysbq/19/