Bootstrap Pagination 1 Section

How to use this Bootstrap snippet

How to use this Bootstrap Pagination 1 Section

Place the code in the <body> for Interface 
          
<!-- Pagination 1 - Bootstrap Brain Component -->
<section class="bg-light py-5">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <nav aria-label="BSB Pagination 1 Example">
          <ul class="pagination bsb-pagination-1 pagination-lg justify-content-center">
            <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 active"><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>
      </div>
    </div>
  </div>
</section>
Place the <link> tag in the <head> for CSS 
          
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/components/paginations/pagination-1/assets/css/pagination-1.css">

We share this effortless bootstrap pagination style example. This pagination example is responsive and easy to customize. This creative Bootstrap pagination has a clean layout. You can incorporate it into your projects easily.