<p>Books {{idBook}}&nbsp;:</p>

<ul class="list-unstyled list-inline row gallery">
  <li class="col-md-3 item" ng-repeat="i in slides">
    <div class="img-ctn">
        <img class="img img-responsive image" ng-src="{{ i.details.firstImg }}" />
        <p>{{ i.details.title }}</p>
        <div class="gallery-buttons">
          <a class="btn btn-default" href="#/slide/edit/{{ i.id }}"><span class="glyphicon glyphicon-pencil"></span></a>
          <a class="btn btn-default" href="#/slide/{{ i.id }}"><span class="glyphicon glyphicon-eye-open"></span></a>
          <a class="btn btn-default" ng-click="deleteItem($index)"><span class="glyphicon glyphicon-trash"></span></a>
        </div>
    </div>
  </li>
</ul>