html and css, selector of links through anchors, with arrows next and prev

0

Could anyone give me a hint how to make a selector of links through anchors, with arrows to move forward and backward, similar to the image there ?? because I only know how to use anchors through slides or with target display: block and none. I wanted one in the same way as the one in the image or something like that with arrows on the side, one to back off and the other to go forward, I looked in google and could not find a tutorial about it link

    
asked by anonymous 09.05.2018 / 16:18

1 answer

0

The bootstrap has some ready-made examples, as follows

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<nav aria-label="Page navigation example">
  <ul class="pagination">
    <li class="page-item"><a class="page-link" href="#">Previous</a></li>
    <li class="page-item"><a class="page-link" href="#">1</a></li>
    <li class="page-item"><a class="page-link" href="#">2</a></li>
    <li class="page-item"><a class="page-link" href="#">3</a></li>
    <li class="page-item"><a class="page-link" href="#">Next</a></li>
  </ul>
</nav>

If you use Laravel , it will be easier still just by using the following command

{{ $users->links() }}

Source: Pagination

    
09.05.2018 / 18:57