Ajusta paginação para bootstrap

Fix #186

templates/paginacao.html

@@ -1,35 +1,37 @@
 {% if is_paginated %}
-    <nav class="pagination-centered">
+    <div class="text-center">
         <ul class="pagination">
             {% if page_obj.has_previous %}
-                <li>
-                    <a href="?page={{ page_obj.previous_page_number }}">
-                        <span class="arrow">&laquo;</span>
+                <li class="page-item">
+                    <a class="page-link" href="?page={{ page_obj.previous_page_number }}">
+                        <span class="pager-prev">Anterior</span>
                     </a>
                 </li>
             {% else %}
-                <li class="arrow unavailable"><a href="">&laquo;</a></li>
+                <li class="pager-prev disabled"><a href="">Anterior</a></li>
             {% endif %}
 
             {% for page in page_range %}
                 {% if page == None or page == 'None' %} 
-                    ...
+                    <li class="page-item disabled">
+                        <a class="page-link" href="">...</a>
+                    </li>
                 {% else %}
-                    <li {% if page == page_obj.number %} class="active current" {% endif %}>
-                        <a href="?page={{ page }}">{{ page }}</a>
+                    <li {% if page == page_obj.number %} class="page-item active" {% endif %}>
+                        <a class="page-link" href="?page={{ page }}">{{ page }}</a>
                     </li> 
                 {% endif %}
             {% endfor %}
 
             {% if page_obj.has_next %}
-                <li>
-                    <a href="?page={{ page_obj.next_page_number }}">
-                        <span class="arrow">&raquo;</span>
+                <li class="page-item">
+                    <a class="page-link" href="?page={{ page_obj.next_page_number }}">
+                        <span class="pager-next">Próxima</span>
                     </a>
                 </li>
             {% else %}
-                <li class="arrow unavailable"><a href="">&raquo;</a></li>
+                <li class="pager-next disabled"><a href="">Próxima</a></li>
             {% endif %}
         </ul>
-    </nav>
+    </div>
 {% endif %}