<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="page-header">
<h1 id="">Timeline</h1>
</div>
<div id="timeline"><div class="row timeline-movement timeline-movement-top">
<div class="timeline-badge timeline-future-movement">
<a href="#">
<span class="glyphicon glyphicon-plus"></span>
</a>
</div>
<div class="timeline-badge timeline-filter-movement">
<a href="#">
<span class="glyphicon glyphicon-time"></span>
</a>
</div>
</div>
<div class="row timeline-movement">
<div class="timeline-badge">
<span class="timeline-balloon-date-day">18</span>
<span class="timeline-balloon-date-month">APR</span>
</div>
<div class="col-sm-6 timeline-item">
<div class="row">
<div class="col-sm-11">
<div class="timeline-panel credits">
<ul class="timeline-panel-ul">
<li><span class="importo">Mussum ipsum cacilds</span></li>
<li><span class="causale">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span> </li>