Paginierung

<nav>
    <ul class="pagination">
        <li class="page-item"><a class="page-link" href="#">Vorherige</a></li>
        <li class="page-item"><a class="page-link" href="#">1</a></li>
        <li class="page-item active"><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="#">Nächste</a></li>
    </ul>
</nav>

<nav>
    <ul class="pagination justify-content-center">
        <li class="page-item"><a class="page-link" href="#">Vorherige</a></li>
        <li class="page-item"><a class="page-link" href="#">1</a></li>
        <li class="page-item active"><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="#">Nächste</a></li>
    </ul>
</nav>

<nav>
    <ul class="pagination justify-content-end">
        <li class="page-item"><a class="page-link" href="#">Vorherige</a></li>
        <li class="page-item"><a class="page-link" href="#">1</a></li>
        <li class="page-item active"><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="#">Nächste</a></li>
    </ul>
</nav>