Paginate bs

<nav aria-label="Page navigation example">
  <ul class="pagination">
    <li class="page-item"><a class="page-link" href="#">Previous</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="#">Next</a></li>
  </ul>
</nav>

Source: getbootstrap.com

Paginate bs

// input 
$page, $limit

// output
$offset = (($page - 1) * $limit);
$limit  = $limit;

Paginate bs

Use the class .justify-content-center on the .pagination ul.

e.g. <ul class="pagination justify-content-center">

Source: stackoverflow.com

Paginate bs

<nav aria-label="Page navigation example">
  <ul class="pagination justify-content-center">
    <li class="page-item disabled">
      <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Previous</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="#">Next</a>
    </li>
  </ul>
</nav>

Source: getbootstrap.com

Similar codes

0 vote112 views1 answer
How to give a background color strip in html and css
CSS
7 votes139 views3 answers
Make text unselectable css
CSS
0 vote126 views1 answer
Darken scss
CSS
-1 vote177 views1 answer
Css comando para poner una imagen como fondo en html
CSS
8 votes127 views3 answers
Text break css
CSS
15 votes144 views2 answers
Css center elment screen
CSS
0 vote141 views1 answer
Css cursor loading
CSS
0 vote123 views1 answer
Flex: 0 1 auto
CSS
0 vote128 views1 answer
@keyframes opact
CSS
10 votes131 views4 answers
Wp_enqueue_style
CSS