如何在 angular 8 中安装 bootstrap

Question

如何在新 angular 8 中安装 Bootstrap 我试了很多次，还是不行我用了这篇文章getting-started

Answer 1

试试这个安装 bootstrap 软件包

npm i bootstrap

style.css

@import "~bootstrap/dist/css/bootstrap.css";

Answer 2

因此，首先您需要使用以下命令从 npm 安装库：

npm install --save @ng-bootstrap/ng-bootstrap

完成安装后，您需要导入主模块。

import {NgbModule} from '@ng-bootstrap/ng-bootstrap';

接下来您需要在应用根模块中添加您导入的模块

import {NgbModule} from '@ng-bootstrap/ng-bootstrap';

@NgModule({
  declarations: [/*...*/],
  imports: [/*...*/, NgbModule.forRoot()],
  /*...*/
})
export class AppModule {
}

请注意 ng-bootstrap 需要 Bootstrap 4 CSS 文件。

您可以像这样将它添加到 angular.json 文件的样式数组中：

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

如何在 angular 8 中安装 bootstrap

How to install bootstrap in angular 8

angular

angular8