Как убрать у картинки, помещённой в сетку Bootstrap, отступ?

Добрый день!

Создал сетку и поместил в блоки картинки <img>. Но картинка размещается не по всей ширине, а имеет нижний отступ.

Как это дело исправить?

Код:

<div class="container">
  <div class="row">
    <div class="col-sm-9 page-content col-thin-right">
      <!-- first row-->
      <div class="col-md-4 col-sm-4 col-xs-4">
        <img src="http://img2.goodfon.su/original/1366x768/0/b5/pirozhnoe-yagody-krem.jpg" class="img-responsive">
      </div>
      <div class="col-md-8 col-sm-8 col-xs-8"></div>
      <!-- second row-sm-->
      <div class="col-md-4 col-sm-4 col-xs-4"></div>
      <div class="col-md-4 col-sm-4 col-xs-4"></div>
      <div class="col-md-4 col-sm-4 col-xs-4"></div>
      <!-- third row-sm-->
      <div class="col-md-8 col-sm-8 col-xs-8"></div>
      <div class="col-md-4 col-sm-4 col-xs-4"></div>
    </div>
    <!--sidebar-->
    <div class="col-sm-3 page-sidebar col-thin-left">
      <div class="col-md-12 col-sm-12 col-xs-12">
        <h1>media</h1>
      </div>               
    </div>
  </div>
</div>