Pagination

Because the number of books is dynamic, it is highly probable that you will end up with more than six books (or twelve if you decide to show twelve books per page). To prepare for that case, you can use Bulma’s responsive pagination component, which will allow your interface to handle any number of books.

After the columns is-multiline element, add this snippet:

<nav class="pagination">
  <a class="pagination-previous">Previous</a>
  <a class="pagination-next">Next page</a>
  <ul class="pagination-list">
    <li>
      <a class="pagination-link">1</a>
    </li>
    <li>
      <span class="pagination-ellipsis">&hellip;</span>
    </li>
    <li>
      <a class="pagination-link">45</a>
    </li>
    <li>
      <a class="pagination-link is-current">46</a>
    &lt...