在Angular和Bootstrap 4中实现多个卡片在多行中的解决方法可以使用Bootstrap的网格系统来实现。以下是一个示例：

1. 创建一个Angular组件，例如card-grid.component.ts，并在模板中添加以下代码：

  

    

      

        

          
{{ card.title }}
          
{{ card.description }}
        
      
    
  

2. 在组件类中定义cards数组，用于存储卡片数据：

import { Component } from '@angular/core';

@Component({
  selector: 'app-card-grid',
  templateUrl: './card-grid.component.html',
  styleUrls: ['./card-grid.component.css']
})
export class CardGridComponent {
  cards = [
    { title: 'Card 1', description: 'This is card 1' },
    { title: 'Card 2', description: 'This is card 2' },
    { title: 'Card 3', description: 'This is card 3' },
    { title: 'Card 4', description: 'This is card 4' },
    { title: 'Card 5', description: 'This is card 5' },
    { title: 'Card 6', description: 'This is card 6' }
  ];
}

3. 在父组件中使用来包含卡片网格组件。

这样，卡片将在网格中显示，并在达到每行最大列数时自动换行。你可以根据需要调整网格列数和卡片数据。