CodesJava

Easy learning with example program codes

Bootstrap Pagination Tutorial

Pagination is the process of separating print or digital content into discrete pages.

Basic pagination is created by adding the .pagination class to an ul element.

Bootstrap Pagination Example:

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Pagination Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
 
<div class="container">
  <h2>Bootstrap Pagination Example</h2>
  <p> Basic pagination is created by adding the .pagination class to an <ul> element. </p>                  
  <ul class="pagination">
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
  </ul>
</div>
 
</body>
</html>

Try it:

Bootstrap Pagination Example on jsbin.com

Please follow and like us:
error

Bootstrap 3 Tutorial








Copyright © 2019 CodesJava DMCA.com Protection Status