Bootstrap,添加箭头,现在一切都放错了地方

时间:2012-10-06 21:31:42

标签: twitter-bootstrap

我在每张照片的一侧添加了那些绿色箭头按钮,现在我遇到了将所有缩略图放在一行(一行)的问题;我会将这4张图片放在迭代器中重复,但它们怎么会全部乱序。我认为我需要在某种桌子或其他东西中使用那些绿色箭头,但我不确定...我有任何人知道如何清除这些代码并使其更好,所以我可以拥有那些绿色的箭头图片没有造成任何问题。 http://jsfiddle.net/8E9aB/

1 个答案:

答案 0 :(得分:0)

正如文件所述:

  

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

     

对于简单的两列布局,创建一个.row并添加适当数量的.span *列。由于这是一个12列网格,每个.span *跨越这12列中的一些, ,每行最多应加起来 (或者父母中的列。)

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

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