使用AngularJS在Twitter Bootstrap中保持縮略圖對齊？

Question

從關於stackoverflow的各種問題可以看出，Twitter Bootstrap無法正確對齊縮略圖。

我以前在Python中如何解決此問題，與該PHP解決方案類似； 使用計數器來檢測行尾，然后創建新的div使其進入。

這樣做的“角度”方式是什么？ -我猜想用span s解決一個解決方案不是答案...

這是帶有部分測試用例的plnkr。 在我的實際應用中，左側的列也未對齊： http : //plnkr.co/edit/u8FjvAvIFGLu7vq4KaLE

Answer 1

您的問題是div（span3）的大小弄亂了縮略圖的位置。 例如，如果您的屏幕具有一定的寬度，則文本“我們歡迎您”會溢出到下一行，從而導致縮略圖被下推。 可以通過在必要時更改跨度的大小或其他方法（例如，嘗試擺放html的方式）來解決此問題。 （可能在下一行加上“我們歡迎您”）。 另外，正如PiLHA在評論中提到的那樣，您需要謹慎使用引導span類。