Javascript 使用AngularJS在Twitter引导中保持缩略图对齐？

从stackoverflow上的各种问题可以看出，Twitter引导没有正确地对齐缩略图

我以前在Python中如何解决这个问题，与此类似；使用计数器检测行结束，然后创建新的

div

，以便其进入

什么是“有角度的”——这样做的方式我猜用

span

s破解一个解决方案不是答案

---

这是一个带有部分测试用例的plnkr；在我的实际应用程序中，左边的列也没有对齐：

您的问题是div（span3）的大小会影响缩略图的位置。例如，如果您的屏幕有一定的宽度，“we welcome you”（我们欢迎您）文本溢出到下一行，导致缩略图被按下。如果有必要，可以通过改变跨距的大小来解决这个问题，也可以通过其他方法来解决，比如玩弄html的布局方式。（可能在下一行粘贴“我们欢迎你”）。此外，正如PiLHA在评论中提到的，您需要小心如何使用引导

span

类。

对不起，我不清楚您试图实现什么。“正确对齐缩略图”是什么意思？垂直和水平对齐；在任意数量的流体行和流体列上。那么特别是对于您的plnkr，例如“Madam”缩略图？在我的例子中，我只能复制“Prof”不起作用。沿分隔线拖动一点，以查看它是否对齐。查看屏幕的完整大小定义为与span12分辨率无关。您将拇指设置为span3，然后设置为4x3=12。在这种情况下，第五个拇指“断了”。