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>