Line break is not occurring when exceeding container size

Question

I have a Paginator inside a container-Fluid, it turns out as the Paginator has many pages, he is not performing the line break, happening this:

I tried to apply on my div:

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

My sponsor:

  <div class="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 suggestion?