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>
Place the <link> tag in the <head> for CSS
<link rel="stylesheet" href="[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="[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.