确认已经引入 Bootstrap 的 CSS 文件。可以在 index.html 中添加以下代码:
在 Angular 组件中引入 Bootstrap 的 JavaScript 文件(可选)。例如,如果你使用 Bootstrap 中的模态窗口(Modal),可以在组件的 .ts 文件中添加以下代码:
import * as $ from 'jquery';
import 'bootstrap/dist/js/bootstrap.min.js';
需要注意的是,上述代码中的 jquery 库也需要安装。
确认 Angular 代码中使用了 Bootstrap 提供的类名和 HTML 结构。例如,如果你想使用 Bootstrap 的表格组件(Table),可以在 HTML 模板中添加以下代码:
#
First Name
Last Name
Username
1
Mark
Otto
@mdo
2
Jacob
Thornton
@fat
这样,表格组件就会自动应用 Bootstrap 的样式。