comment masquer les boutons précédent et suivant sur la pagination dans la pagination bootstrap - twitter-bootstrap

J'utilise la pagination bootstrap. cette application affiche par défaut les boutons suivant, précédent et dernier sur la pagination. mais je montre toutes les pages en pagination. il n'est donc pas nécessaire d'afficher les boutons suivant, précédent et premier. Y'a-t-il une quelconque façon de réussir cela. J'essaie comme ci-dessous mais il affiche toujours ces boutons. S'il vous plaît aider.

var options = { showFirstLast: false    }

Merci.

Réponses:

Voici :)

ul.pagination li:first-child, ul.pagination li:last-child{display: none;}

Utiliser Less si vous importez Bootstrap en tant que moins de fichiers, puis:

ul.pagination {
> li {
&:first-child, &:last-child {
display:none;
}
}
}

mais je recommande d'utiliser "ol" au lieu de "ul", je pense qu'une pagination est une liste d'éléments ORDERED, non UNORDERED.

Bootstrap ne limite pas le balisage HTML que vous utilisez. Vous pouvez simplement exclure les boutons suivants et précédents du code HTML.

Au lieu de:

<ul class="pagination">
<li><a href="#">&laquo;</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">&raquo;</a></li>
</ul>

Faire ceci:

<ul class="pagination">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>