CodesJava

Easy learning with example program codes

Bootstrap Pagination Breadcrumbs Tutorial

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

The .breadcrumb class is used to show the current page’s location within a navigational hierarchy.

Bootstrap Pagination Breadcrumbs Example:

<!DOCTYPE html>
<html>
<head>
  <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 Breadcrumbs Example</h2>
  <p> The .breadcrumb class is used to show the current page's location within a navigational hierarchy.</p>                  
  <ul class="breadcrumb">
    <li><a href="#">Home</a></li>
    <li><a href="#">Private</a></li>
    <li><a href="#">Pictures</a></li>
    <li class="active">Vacation</li>        
  </ul>
</div>
 
</body>
</html>

Try it:

JS Bin on jsbin.com

Please follow and like us:
error

Bootstrap 3 Tutorial








Copyright © 2019 CodesJava DMCA.com Protection Status