Angular - Bootstrap 5中的'utilities”是一组实用工具类,包括在许多Bootstrap组件中。如果您在Angular项目中使用Bootstrap 5,发现某些工具类(如.d-block,.mt-3等)未起作用,那么可能是它们未编译。这可能是由于在您的项目中缺少配置文件或未正确导入相关文件。
要解决这个问题,您可以考虑添加以下配置文件:bootstrap-utilities.scss和bootstrap-functions.scss。同时,确保您在项目中正确导入了相关文件。
例如,您可以使用以下命令将这些文件添加到您的项目中:
npm install bootstrap@next
在您的styles.scss或styles.css文件中添加以下行:
@import "~bootstrap/scss/bootstrap-utilities.scss"; @import "~bootstrap/scss/bootstrap-functions.scss";
这将编译Bootstrap 5的'utilities”,使其在您的Angular项目中可用。