переделать пагинацию под bootstrap?

вопрос

Добрый день, я новичек и сделал себе шаб на bootstrap и вот столкнулся с такой во тпроблемой при создании пагинации.

У бутсрапа предлагается такой код:

<nav aria-label="Page navigation example">
  <ul class="pagination">
    <li class="page-item">
      <a class="page-link" href="#" aria-label="Previous">
        <span aria-hidden="true">&laquo;</span>
        <span class="sr-only">Previous</span>
      </a>
    </li>
    <li class="page-item"><a class="page-link" href="#">1</a></li>
    <li class="page-item"><a class="page-link" href="#">2</a></li>
    <li class="page-item"><a class="page-link" href="#">3</a></li>
    <li class="page-item">
      <a class="page-link" href="#" aria-label="Next">
        <span aria-hidden="true">&raquo;</span>
        <span class="sr-only">Next</span>
      </a>
    </li>
  </ul>
</nav>

Но в DLE я так понял формируется это дело через show.short.php

Но сколько я там не менял то что есть у меня не получилось достичь нужного результата....
Возможно подскажете что копать в show.short.php чтобы получить результат?

Ответил: Mufasa

Если не редактировать файлы движка (чересчур много оформления не вынесено в шаблоны) и не добавлять лишние стили в css, то можно организовать пагинацию с помощью простейшего скрипта, который добавляет стили бутстрапа 4 и обёрточные

<nav aria-label="Page navigation">
	<ul class="pagination justify-content-center dlepagination">
		[prev-link]&laquo;[/prev-link]
		{pages}
		[next-link]&raquo;[/next-link]
	</ul>
</nav>

<script>
	$(function() {$("ul.dlepagination a").addClass("page-link").wrap("<li class=\"page-item\"></li>");});
	$(function() {$("ul.dlepagination span").addClass("page-link").wrap("<li class=\"page-item disabled\"></li>");});
</script>