Bootstrap 未生效

Question

我创建了一个新的 Angular 6 项目，但我无法使用 bootstrap 样式。

我通过 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>

None 的 bootstrap 样式正在生效，所以很明显我在这里漏掉了一部分。帮忙？

Answer 1

最好的方法是通过 npm 安装 bootstrap（如果已启用）。

运行这个命令在你的 angular 项目根目录中：

npm install bootstrap@latest

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

Answer 2

很多问题重复，可能包括我自己的一些问题：正如评论者 JB 所说——NG-bootstrap 是为了摆脱 Bootstrap 需要的 JS 依赖。

https://medium.com/@sunilk/getting-started-angular-6-and-ng-bootstrap-4-4b314e015c1c

因此，您可能（？）引用的本指南指出，您可以通过导入这些脚本来使 Bootstrap4 正常工作，但是首选方法是使用 NgBootstrap 来远离那。确保安装了所有依赖项（全部 1 个（bootstrap 4）），然后按照指南的其余部分使 NgBootstrap 正常运行。

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

Bootstrap 未生效

Bootstrap not taking effect

bootstrap-4

ng-bootstrap