Line break is not occurring when exceeding container size

I have a paginator inside a container-fluid, it happens that because the paginator has many pages, it is not performing the line break, this happens:

Itriedtoapplytomydiv:

word-wrap:break-word!important;white-space:normal!important;

Mypaginator:

<divclass="container-fluid">
    <nav *ngIf="logs != null" aria-label="pagination example" class="pagination">
      <ul class="pagination pg-blue">
        <li [class.disabled]="paginaatual == 1" class="page-item">
          <p (click)="consultaLogs(paginaatual - 1)" class="page-link" aria-label="Anterior">
            <span aria-hidden="true">&laquo;</span>
            <span class="sr-only">Anterior</span>
          </p>
        </li>
        <li (click)="consultaLogs(numpagina+1)" [class.active]="numpagina+1 == paginaatual" *ngFor="let numpagina of numbers"
          class="page-item">
          <a class="page-link">{{numpagina + 1}}<span class="sr-only"></span></a>
        </li>
        <li [class.disabled]="paginaatual == numpaginas" class="page-item">
          <a (click)="consultaLogs(paginaatual+1)" class="page-link next" aria-label="Proximo">
            <span aria-hidden="true">&raquo;</span>
            <span class="sr-only">Proximo</span>
          </a>
        </li>
        <div class="col-5">
          <input type="text" #numeropaginas [disabled]="numpaginas == 1" [class.danger]="numeropaginas.value > numpaginas"
            (keyup.enter)="consultaLogs(numeropaginas.value)" placeholder="Nro.Pág" id="inputnropag" class="form-control">
        </div>
      </ul>
    </nav>
  </div>

Nothing happens. Any other suggestions?