Découvez les bases du plus célébre des frameworks CSS.
Le composant pager est utilisé pour afficher des boutons précédents et suivants.
<nav aria-label="navigation">
<ul class="pager">
<li><a href="#" title="Précédent">Précédent</a></li>
<li><a href="#" title="Suivant">Suivant</a></li>
</ul>
</nav>
Exemple
.previous
et .next
permettent de caler les boutons sur les extrémités<nav aria-label="navigation">
<ul class="pager">
<li class="previous"><a href="#" title="Précédent">Précédent</a></li>
<li class="next"><a href="#" title="Suivant">Suivant</a></li>
</ul>
</nav>
Exemple
.disabled
<nav aria-label="navigation">
<ul class="pager">
<li class="previous disabled"><a href="#" title="Précédent">Précédent</a></li>
<li class="next"><a href="#" title="Suivant">Suivant</a></li>
</ul>
</nav>
Exemple