Bootstrap pager
Bootstrap pager is mainly (previous and next)  links for simple pagination implementations with light markup and styles.  

The bootstrap pager classes are :  .pager,  .previous,  .next, .disabled 
Default Pager
<!DOCTYPE html>
<html>
<head>
   <title>Default Pager</title>
   <meta name="viewport" content="width=device-width,initial-scale=1">
   <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
   <script type="text/javascript" src="js/jquery.min.js"></script>
   <script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
 
<div class="container-fluid">
 
<ul class="pager">
        <li><a href="#">&larr; Previous</a></li>
        <li><a href="#">Next &rarr;</a></li>
    </ul>
 
</div>
 
</body>
</html>
Aligned Links
This aligned links are using .previous and .next classes.
	
<!DOCTYPE html>
<html>
<head>
   <title>Aligned links</title>
   <meta name="viewport" content="width=device-width,initial-scale=1">
   <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
   <script type="text/javascript" src="js/jquery.min.js"></script>
   <script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
 
<div class="container-fluid">
 
<ul class="pager">
    <li class="previous"><a href="#">&larr; Previous</a></li>
    <li class="next"><a href="#">Next &rarr;</a></li>
</ul>
 
</div>
 
</body>
</html>
Disabled state
This state are using .disabled class.
	
<!DOCTYPE html>
<html>
<head>
   <title>Disabled state</title>
   <meta name="viewport" content="width=device-width,initial-scale=1">
   <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
   <script type="text/javascript" src="js/jquery.min.js"></script>
   <script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
 
<div class="container-fluid">
 
<ul class="pager">
        <li class="previous disabled"><a href="#">&larr; Previous</a></li>
        <li class="next"><a href="#">Next &rarr;</a></li>
    </ul>
 
</div>
 
</body>
</html>

We see you’re using an ad blocker.

Our website is made possible by displaying ads to our visitors.

Please help us continue to provide you with free. So please disabling your ad blocker.