How can I create side-by-side cards?


#1

I want to position two, 50% width cards side by side using a ngRepeat. How can I do this? I can’t just specify two ‘col-50’'s in a row, because I could need potential a lot of rows. Anyone have any ideas?

This is easy to do with the two col-50’s, but integrating ng-repeat with this is a bit tough. Advice?


#2

Hmm, I’m having a hard time seeing how this would work out a bit. You would only want 2 cards but they’re going to be generated by ng-repeat?

Could you provide a codepen demo of what you have so far?


#3

Hi guys, did you manage to resolve this? Is it doable with ng-repeat?


#4

I would suggest a ng-repeat for all items, and having the even or odd array id’s add a row element. Easy to do with ng-if on the row div’s.