How to create a new row of cards using ngFor and bootstrap 4

Question

I\'m trying to use the card group functionality of Bootstrap 4 with Angular ngFor.

Here is the HTML I have for now, but I can\'t find how to break to a new

Answer 1

The card-group is preventing the col's from wrapping to the next "line". Place the cards inside the columns, and instead use h-100 to make the cards full/same height. This way the Angular code won't need to iterate the row.

    

        

            

                ..
            
        
        

            

            ..
            
        
    

http://www.codeply.com/go/yWdYL5GrTu