Tutoriel Bootstrap

Bootstrap

Découvez les bases du plus célébre des frameworks CSS.

HTML HTML5 CSS Dreamweaver PHP

Pager Bootsrap

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

Liens alignés

Les classes .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

Liens désactivés

Il suffit d'utiliser la classe .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

Ce site est liste dans la categorie Enseignement et formation : Formations professionnelles de l'annuaire Référencement et Dictionnaire

Frédéric création Jardin | Concinnatis | Au petit grandeur | Lestrem TP | Jerico | Solumetal | Comonmarket | Chez Beau J'ai | Beukenne Traiteur | PDP Recouvrement | Agroé - Achat groupé d'énérgie | Achat goupé Sorea | CE LM énergie | placedesenergies.com | Gazon de la Folie | Dépannage pôele à  pellet | Création site web Nord | Rénovation habitat Pas de calais | Cuisine Bois | Créperie à  Valenciennes | Repar Coudre | DNS service | Archis 2 | 3MI | Tests d'orientation professionnels - Solutests | Ircl | Leblan promotion | Formation webmaster, PAO, CAO / DAO | Formateur Web, référencement et PAO | Formateur bureautique |