Question

UITextField

我正在为我的项目使用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;
}

Answer 2

现在使用bootstrap 4，您可以只使用bootstrap类

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

如何在angular4中居中ngb-pagination？

2 个答案: