<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<div class="container-fluid">
<div class="col-md-12">
<div class="row">
<h1>bootstrap-responsive-timeline</h1>
<h3>Download sources for LESS, SASS and SCSS at <a href="https://github.com/sanex3339/bootstrap-responsive-timeline">https://github.com/sanex3339/bootstrap-responsive-timeline</a></h3>
</div>
<div class="row">
<h2>Usage example</h2>
<div class="timeline timeline-line-dotted">
<span class="timeline-label">
<span class="label label-primary">17.03.2016</span>
</span>
<div class="timeline-item">
<div class="timeline-point timeline-point-success">
<i class="fa fa-money"></i>
</div>
<div class="timeline-event">
<div class="timeline-heading">
<h4>MoneyService Transfer</h4>
</div>
<div class="timeline-body">
<p>Money transfer. By Alex, Wallet ID: 1234567890, Amount: 10$</p>
</div>
<div class="timeline-footer">
<p class="text-right">17.03.2016 10:00</p>
</div>
</div>
</div>
<span class="timeline-label">
<span class="label label-primary">09.03.2016</span>
