<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>
<!------ Include the above in your HEAD tag ---------->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<div class="container">
<div class="col-md-12">
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-6">
<div class="bidbKat">
<div class="iconyeri">
<i class="fa fa-file-text-o fa-3x"></i>
</div>
<span class="bidbkatBaslik">İdari</span>
<p class="bidbkatacikla">The standard chunk of Lorem Ipsum used since the 1500s is reproducbelow for those interested. Sections 1.10.32 and 1.10.33 from “de Fi</p>
</div>
</div>
<div class="col-md-3 col-sm-3 col-xs-6">
<div class="bidbKat">
<div class="iconyeri">
<i class="fa fa-file-text-o fa-3x"></i>
</div>
<span class="bidbkatBaslik">Teknik Servis</span>
<p class="bidbkatacikla">The standard chunk of Lorem Ipsum used since the 1500s is reproducbelow for those interested. Sections 1.10.32 and 1.10.33 from “de Fi</p>
</div>
</div>
<div class="col-md-3 col-sm-3 col-xs-6">
<div class="bidbKat">
<div class="iconyeri">
<i class="fa fa-file-text-o fa-3x"></i>
</div>
<span class="bidbkatBaslik">Web Tasarım</span>
<p class="bidbkatacikla">The standard chunk of Lorem Ipsum used since the 1500s is reproducbelow for those interested. Sections 1.10.32 and 1.10.33 from “de Fi</p>
</div>
</div>
<div class="col-md-3 col-sm-3 col-xs-6">
<div class="bidbKat">
<div class="iconyeri">
<i class="fa fa-file-text-o fa-3x"></i>
</div>
<span class="bidbkatBaslik">Yazılım Geliştirme</span>
<p class="bidbkatacikla">The standard chunk of Lorem Ipsum used since the 1500s is reproducbelow for those interested. Sections 1.10.32 and 1.10.33 from “de Fi</p>
</div>
</div>
</div>
</div>
</div>