Angular开发 使用 ngx-bootstrap作为样式库

ngx-bootstrap里面可以复制你想要的样式组件，官方有介绍怎么使用，不过本人稍微修改了下

---

使用ngx-bootstrap的步骤

• 1、npm install ngx-bootstrap –save
• 2、npm install bootstarap –save-dev
• 3、在angular-cli.json文件中添加bootstrap为全局样式

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

• 1
• 2
• 3
• 4

• 4、根据官方文档中你需要使用什么样式就要在app.module.ts注入

import { AccordionModule,AlertModule,ButtonsModule } from 'ngx-bootstrap';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    AccordionModule.forRoot(),
    AlertModule.forRoot(),
    ButtonsModule.forRoot()
  ],

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14

• 5、直接官网复制代码