如何在angular4中将ngb分页居中？

Question

<div class="col-12 text-center">
  <ngb-pagination [collectionSize]="120" [(page)]="pageNumber" 
   [maxSize]="5" [rotate]="true" [boundaryLinks]="true" size="lg">
  </ngb-pagination>
</div>

我在我的项目中使用ng-bootstrap和angular 4，以上代码未将分页组件居中。有办法使它居中吗？感谢您的帮助。

Answer 1

尝试这样：

template.html

<div class="col-12 justify-content-center">
  <ngb-pagination [collectionSize]="120" [(page)]="pageNumber" 
   [maxSize]="5" [rotate]="true" [boundaryLinks]="true" size="lg">
  </ngb-pagination>
</div>

style.css

.justify-content-center {
    display: flex !important;
    justify-content: center !important;
}