<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">
<div class="col-md-4">
<div class="artist-data pull-left">
<div class="artst-pic pull-left">
<span class="artst-like"><a href="#"><i class="glyphicon glyphicon-heart-empty"></i></a></span>
<span class="artst-share"><a href="#"><i class="glyphicon glyphicon-share"></i></a></span>
<span class="artst-plus"><a href="#"><i class="glyphicon glyphicon-plus-sign"></i></a></span>
<a href="#">
<img src="http://placehold.it/122x122" alt="" class="img-responsive" />
</a>
</div>
<div class="artst-prfle pull-right">
<div class="art-title">
Lorem ipsum dolor
<span class="artst-sub">By <span class="byname">Lorem Ipsum</span> <span class="daysago">5 Days Ago</span></span>
</div>
<div class="counter-tab">
<div class="counter_comnt"><i class="glyphicon glyphicon-comment"></i> 359</div>
<div class="counter_ply"><i class="glyphicon glyphicon-play"></i> 1312</div>
<div class="counter_like"><i class="glyphicon glyphicon-heart"></i> 2256</div>
</div>
</div>
<div class="bot-links">
<a href="#">Sit amet</a>
<a href="#">Amet</a>
<a href="#">Lorem</a>
<a href="#">Ipsum dolor</a>
<a href="#">Lorem</a>
<a href="#">Amet</a>
<a href="#">Sit amet</a>
<a href="#">Ipsum dolor</a>
