Стиль CSS не работает для UIL-пагинации.UI-самозагрузка

Question

Когда я использую версию начальной загрузки (3.3.1).Это работает хорошо, и у меня есть этот результат.

Когда я использую последнюю версию (4.3.1), она работает, но у меня есть этот результат CSS

Мой HTML-код

 <div class="col-md-12">
        <ul uib-pagination 
        ng-model="currentPage"
        total-items="totalItems"
        max-size="maxSize"  
        boundary-links="true">
      </ul>
</div>

Мне нужна последняя версия для работы.

Я использую angular-ui-bootstrap / 2.3.0

Answer 1

Окончательное решение, Измените шаблон pagination.html для ui-boostrap.min.js с помощью ->

Работа с бустрапом Css по умолчанию, в моем случае 4.2.1

https://github.com/Morgul/ui-bootstrap4/blob/e44b6d6f2e3bd8396099b83eea29bd4086b78689/template/pagination/pagination.html

Answer 2

это мой первый пост, я тоже решил эту проблему, я решил со следующим, я надеюсь, что это работает, если вам нужно это сделатьболее автоматически, пожалуйста, дайте мне знать, с уважением!

<code><pre>

    [ul.pagination
    {
      border:solid 1px #CCCCCC;
      border-radius:5px;    
    }

    ul.pagination li.pagination-page 
    {
      border-right:solid 1px #CCCCCC;
      padding-left:15px;
      padding-right:15px;
    }

    li.pagination-page.ng-scope.active
    {
      background-color:#28a745;
    }

    li.pagination-page.ng-scope a
    {   
      color:#999;
    }


    li.pagination-page.ng-scope.active a
    {   
      color:#FFF;
      font-weight:bold;
    }

    ul.pagination li.pagination-prev
    {
      border-right:solid 1px #CCCCCC;
      padding:10px;
    }

    ul.pagination li.pagination-prev a
    {
      color:#F90;   
    }

    ul.pagination li.pagination-next
    {
      border-right:solid 1px #CCCCCC;
      padding:10px;
    }

    ul.pagination li.pagination-next a
    {
      color:#F90;   
    }

    ul.pagination li.pagination-first
    {
      border-right:solid 1px #CCCCCC;
      padding:10;       
    }

    ul.pagination li.pagination-first a
    {
      color:#F90;   
    }


    ul.pagination li.pagination-last
    {
      padding:10px;
    }

    ul.pagination li.pagination-last a
    {
      color:#F90;   
    }

    ul.pagination li
    {   
      padding:10px;
    }][1]