Карусель Bootstrap 4.3.1 не работает для Angular 8

Карусель Bootstrap 4.3.1 не работает для Angular 8

Мой ngb-carousel отлично работал с использованием Angular 7 и Bootstrap 4.1.1. Однако после обновления Angular до версии 8 и Bootstrap до версии 4.3.1 карусель больше не отображается правильно. Я вставил простейшие коды следующим образом:

<ngb-carousel >
    <ng-template ngbSlide>
        <div>First</div>
    </ng-template>
    <ng-template ngbSlide>
        <div>Second</div>
    </ng-template>
    <ng-template ngbSlide>
        <div>Third</div>
    </ng-template>
</ngb-carousel>

Все элементы карусели отображаются одновременно в следующем порядке:

 1.
 2.
 3.

First
Second
Third
PreviousNext

Понятия не имею, что я пропустил, похоже, что стиль bootstrap не распознается. Однако я изменил angular.json, включив в него стиль bootstrap:

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

Связанный контент