Cara Membuat Breadcrumb dengan Mudah Menggunakan Bootstrap

Bahasan kali mengenai Breadcrumb dan masih menggunakan Bootstrap. Sebenarnya brudcrumb itu sendiri sudah tidak samar/asing lagi bagi kita yang sering blogging dan sejenisnya.

Namun akan dikutip sedikit bahwa breadcrumbs merupakan langkah dari tempat ketempat lain dengan manmpilkan data yang kita langkahi tersebut dalam bahasa mudahnya hirarki perjalanan link ... kodenya sangat sederhana dan mudah untuk di impleentasikan (tanpa mikir keras :D).

Struktur kodenya seperti dibawah ini.....

<!DOCTYPE html>
<html>
<head>
 <title>Bootstrap Breadcrumbs</title>

 <!-- Bootstrap Css -->
 <meta charset="UTF-8">
 <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
</head>
<body>
<!-- mulai container -->
<div class="container">
 <h1>Membuat Breadcrumbs dengan Bootstrap</h1>
 <ol class="breadcrumb">
  <li><a href=""><span class="glyphicon glyphicon-home"></span></a></li>
  <li><a href="">link ke dua</a></li>
  <li class="active">link yang dituju</li>
 </ol>

 <ol class="breadcrumb pull-left">
  <li><a href=""><span class="glyphicon glyphicon-home"></span></a></li>
  <li><a href="">link ke dua</a></li>
  <li class="active">link yang dituju</li>
 </ol>
</div>

<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</body>
</html>

dan ini adalah hasilnya...