Bootstrap 4 引导程序不起作用

我已经创建了一个新的Angular 6项目，无法使用引导样式

我通过npm将ng bootstrap安装到其中，然后将以下行添加到index.html中：

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
        crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
        integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
        crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js"
        integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em"
        crossorigin="anonymous"></script>

---

不过，所有的引导风格都没有发挥作用，所以很明显我错过了一个片段。帮助？

最好的方法是通过npm安装引导程序（如果已启用）

在角度项目根目录中运行此命令：

npm install bootstrap@latest

---

这将为您安装必要的CSS文件，并将它们导入到您的项目中。

重复了许多问题，可能包括我自己的一些问题： 正如评论员JB所说，NG引导是为了摆脱引导所需的JS依赖关系

因此，您可能参考的这本指南指出，通过导入这些脚本，您可以使Bootstrap4正常工作，但是首选的方法是使用NgBootstrap来摆脱这一点。确保安装了所有依赖项，其中1个是引导4，然后按照指南的其余部分操作，以使NgBootstrap正常工作

---

您还可以查看NgxBootstrap，该教程位于同一页稍下方。

您需要阅读ng引导的入门指南。这是你能做到的最低限度。它告诉您不能使用jquery、popper和boostrap的JS，因为它的目标正是取代它，并且您必须使用bootstrap CSS，因为所有的样式都依赖于它。你做的恰恰相反。你为什么不看一下文档呢？但是，如果您确实希望使用Bootstrap 4和以前的库，您可以在index.html中包含它们：