实施 Bootstrap CSS 以在 Angular 4 CLI 项目中正确使用 ng-bootstrap答案

【问题标题】：Implement Bootstrap CSS to use properly ng-bootstrap into Angular 4 CLI project实施 Bootstrap CSS 以在 Angular 4 CLI 项目中正确使用 ng-bootstrap
【发布时间】：2017-08-10 20:07:41
【问题描述】：

你好 Stackoverflow 社区！

确定一个简单的问题，我正在使用以下链接在我的 Angular 4 项目中实现 Ng-Bootstrap Getting started ng-bootstrap 我对他们所说的第 2 行有疑问：“唯一需要的依赖项是：Bootstrap CSS”，但这究竟是什么意思？因为当您单击同一句子上的超链接时，它会将您带到Download bootstrap link 那里有很多文件（bootstrap.grid.css、boostrap.reboot.css 等）。所以根据这些文件，我的问题是：我应该拥有所有这些文件及其到我的项目资产的链接以及我的 angular-cli.json “样式”和“脚本”，还是只需要 bootstrap.min.css 就足够了吗？

注意，我实际上只需要“datepicker”元素。（也许在项目的后期会更多..）

提前感谢您的意见和回答

【问题讨论】：

标签： angular ng-bootstrap

【解决方案1】：

这意味着您需要包含引导样式。更新您的 .angular-cli.json 文件以包含您的应用的引导样式：

"styles": [
     "../node_modules/bootstrap/dist/css/bootstrap.min.css",
    "styles.css",
  ],

【讨论】：

听起来不错，所以我只需要那个，没有 jquery 没有 bootstrap.js？
如果您已经按照您提到的教程进行操作，并且您说您正在使用 anuglar-cli，那么这就是您所需要的。
你还需要使用$ npm install --save bootstrap@4.0.0-alpha.6从npm安装bootstrap@4.0.0-alpha.6
今天早上我开始我的 ng serve --open 并且我在终端中收到了这条消息：Module not found: Error: Can't resolve '/home/papamilo/Documents/Workspace/Test_a2json/front-end_copy_new/node_modules/bootstrap/dist/css/bootstrap.min.css' in '/home/papamilo/Documents/Workspace/Test_a2json/front-end_copy_new/node_modules/@angular/cli/models/webpack-configs' 你认为我应该为此打开一个新帖子吗？
这里是我的新帖子的链接：stackoverflow.com/questions/45633001/…