Question

我有bootstrap 3页面，第一次加载页面时只显示一个div。当我点击按钮＆＃34;打开下一个块＆＃34;另一个div显示，如果我点击第二个div第三个div出现。通过这种方式，我总共有6个div。的 FIDDLE

问题是，当有超过3个div时，它会转到我不想要的第2行。我试图让这项工作成为一个滑块。这是否有可能在有超过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

Bootstrap行只有12列。如果将每个块设置为四列宽度，则每行只能有三个。将其列更改为2以连续六列。此

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/

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

1 个答案: