我在angular-cli.json "../node_modules/bootstrap/dist/css/bootstrap.min.css"中有样式。为什么当我删除这些行并添加到每个组件中的每个 css 时@import "{correct path to every directory/node_modules/bootstrap/dist/css/bootstrap.min.css}"它不像以前那样工作？
styles.scss或包含在angular-cli.json中的样式在页面上全局工作，而在导入时 - 它们仅适用于特定组件。
话虽如此，它可能不适合您，因为 bootstrap 添加了一些样式，即 <html>或<body>元素，并且您的组件无法设置这些元素的样式。
很可能你的AppComponent定位器(app-root左右(被放置在<body>内。它不能为父母造型。
Bootstrap 应该在你的全局样式表中导入一次，然后引导类/组件可以在整个应用程序中使用。
在组件装饰器中导入的样式是封装的(默认情况下(，并且应仅在给定组件中使用。当您尝试将 Bootstrap 导入所有组件时，生成的样式表会重复多次。