bootstrap与angular

最新推荐文章于 2024-08-21 09:12:43 发布

郭大钰

最新推荐文章于 2024-08-21 09:12:43 发布

阅读量456

点赞数

分类专栏： angular

本文链接：https://blog.csdn.net/m0_46684624/article/details/108509256

版权

angular 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

1.安装bootstrap所需要的组件

npm install --save ng-bootstrap/ng-bootstrap
npm install --save bootstrap@v4.0.0-beta.2
npm install --save font-awesome

2.在angular.json文件，添加bootstrap CSS

 "styles": [  "src/styles.styl",
              "node_modules/bootstrap/dist/css/bootstrap.min.css",
              "node_modules/font-awesome/css/font-awesome.css",
              "node_modules/bootstrap/dist/css/bootstrap.css"
            ],

3.打开需要引用它的组件，初始化ng-bootstap

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

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