带bootstrap的Angular 2在一列中每3项动态显示一次

，可以通过以下步骤实现：

1. 首先，确保已经安装了Angular CLI，并创建了一个新的Angular项目。
2. 在项目中引入Bootstrap库。可以通过以下两种方式之一来完成：
   • 在index.html文件中添加Bootstrap的CDN链接：
   • 在index.html文件中添加Bootstrap的CDN链接：
   • 使用npm安装Bootstrap库：
   • 使用npm安装Bootstrap库：
   • 然后，在angular.json文件的styles数组中添加Bootstrap的CSS文件路径：
   • 然后，在angular.json文件的styles数组中添加Bootstrap的CSS文件路径：

• 创建一个Angular组件，用于显示数据。可以使用ng generate命令来生成组件：
• 创建一个Angular组件，用于显示数据。可以使用ng generate命令来生成组件：
• 在data-display.component.html文件中，使用Angular的*ngFor指令来遍历数据，并使用Bootstrap的网格系统来实现每3项动态显示一次的效果：
• 在data-display.component.html文件中，使用Angular的*ngFor指令来遍历数据，并使用Bootstrap的网格系统来实现每3项动态显示一次的效果：
• 在data-display.component.ts文件中，定义一个items数组，并在组件的构造函数中初始化该数组：
• 在data-display.component.ts文件中，定义一个items数组，并在组件的构造函数中初始化该数组：
• 在需要显示数据的父组件中，引入并使用data-display组件：
• 在需要显示数据的父组件中，引入并使用data-display组件：

这样，带bootstrap的Angular 2在一列中每3项动态显示一次的效果就实现了。每次刷新页面或更改数据时，都会按照每3项一组的方式进行显示。