Bootstrap的css如何导入angular框架

在前端中想加入一个bootstrap自带的carousel，但是发现怎么弄都不是图片轮询而是一张一张图顺着下来的，

折腾好久才发现原来不是单单把bootstrap下好就好的啦，还要导入！

方法一：

在index.html中加入

  <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css">

方法二：

在styles.css中导入

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

这样就可以正常运行你的carousel啦~

<ngb-carousel>

  <ng-template ngbSlide id="1">
    <img [src]="images[0]" alt="Random first slide">
  </ng-template>

  <ng-template ngbSlide id="2">
    <img [src]="images[1]" alt="Random second slide">
  </ng-template>

  <ng-template ngbSlide id="3">
    <img [src]="images[2]" alt="Random third slide">
  </ng-template>

</ngb-carousel>

效果图