问题
I have a problem on repeating foundation "medium 4 column".when it goes second line the grid behave extraordinary.. take a look on my link1 in chrome it starts from right in second row..and in Firefox it brakes. Also the equalizer not working on this page..it working on other pages like link2
回答1:
While Sai Ram Sudheer does have a correct answer when it comes to Foundation's 12 column grid, you should also take a look into the block-grid functionality.
回答2:
Foundation framework has default 12 column grid structure.
Best way to use is by having row class for every 12 columns.
issue :
If you look at your second column-RECESSED GIMBLE DOWN LIGHT WIDE LENS. It occupies more height when compared to rest of the columns in that row. So the product2 which has float:left cannot float to the start of the row.
Solution:
1.use row class for every 12 columns.
2.if you have complex grid structure and you connot go with row class use clear:both on product2 to align it in the new row.
Check this answer its not based on foundation but similar problem --LINK
来源：https://stackoverflow.com/questions/25941549/foundation-grid-alignment-of-multiple-row