<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="row">
<h2>Breadcrumb Default</h2>
<div class="btn-group btn-breadcrumb">
<a href="#" class="btn btn-primary btn-lg"><i class="glyphicon glyphicon-home"></i></a>
<a href="#" class="btn btn-primary btn-lg">Snippets</a>
<a href="#" class="btn btn-default disabled btn-lg">Breadcrumbs</a>
<a href="#" class="btn btn-default btn-lg disabled">Default</a>
</div>
</div>
<div class="row">
<h2>Breadcrumb Primary</h2>
<div class="btn-group btn-breadcrumb">
<a href="#" class="btn btn-primary"><i class="glyphicon glyphicon-home"></i></a>
<a href="#" class="btn btn-primary">Snippets</a>
<a href="#" class="btn btn-primary disabled">Breadcrumbs</a>
<a href="#" class="btn btn-primary">Primary</a>
</div>
</div>
<div class="row">
<h2>Breadcrumb Success</h2>
<div class="btn-group btn-breadcrumb">
<a href="#" class="btn btn-success"><i class="glyphicon glyphicon-home"></i></a>
<a href="#" class="btn btn-success">Snippets</a>
<a href="#" class="btn btn-success">Breadcrumbs</a>
<a href="#" class="btn btn-success">Success</a>
</div>
</div>
<div class="row">
<h2>Breadcrumb Info</h2>
<div class="btn-group btn-breadcrumb">
<a href="#" class="btn btn-info"><i class="glyphicon glyphicon-home"></i></a>