twitter-bootstrap - 引导程序，添加箭头，现在一切都放错了位置

Question

我在每张图片的一侧添加了那些绿色箭头按钮，现在我无法将所有缩略图排成一行（一行）；我将把这 4 张图片放在一个迭代器中进行重复，但无论如何它们都会乱序。我认为我需要在某种表格或其他东西中放置那些绿色箭头，但我不确定......我任何人都知道如何清除此代码并使其变得更好，这样我就可以拥有那些绿色箭头图片不会引起任何问题。http://jsfiddle.net/8E9aB/

Answer 1

正如文档所述：

默认的 Bootstrap 网格系统使用 12 列

对于简单的两列布局，创建一个 .row 并添加适当数量的 .span* 列。由于这是一个 12 列的网格，因此每个 .span* 跨越这 12 列中的许多列，并且每行（或父项中的列数）应始终加起来为 12 。

参考：http: //twitter.github.com/bootstrap/scaffolding.html

您span4在一行中使用 4 x - 这会导致该行“溢出”，以便最终容器放置在新行上。通过调整四个span4类，span3您将有空间容纳一排的所有图像。