<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/{{ $index }}"><span class="glyphicon glyphicon-pencil"></span></a>

          <a class="btn btn-default" href="#/slide/{{ $index }}"><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>