<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>
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-9 col-xs-12">
<article>
<div class="row">
<div class="col-sm-6 col-md-4">
<figure>
<img src="http://usbcode.ir/wp-content/uploads/2017/03/bootstrap.jpg">
</figure>
</div>
<div class="col-sm-6 col-md-8">
<span class="label label-default pull-right"><i class="glyphicon glyphicon-comment"></i>50</span>
<h4>Raymond Dragon</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<section>
<i class="glyphicon glyphicon-folder-open"></i>Bootstrap
<i class="glyphicon glyphicon-user"></i>RaymondDragon
<i class="glyphicon glyphicon-calendar"></i>1395/12/21
<i class="glyphicon glyphicon-eye-open"></i>10000
<a href="#" class="btn btn-default btn-sm pull-right">More ... </a>
</section>
</div>
</div>
</article>
<article>
<div class="row">
<div class="col-sm-6 col-md-4">
<figure>
<img src="http://usbcode.ir/wp-content/uploads/2017/03/bootstrap.jpg">
</figure>
</div>
