como pode esconder o botão anterior e seguinte na paginação na paginação bootstrap - twitter-bootstrap

Eu estou usando o paginador bootstrap. esta aplicação por padrão exibir próximo, anterior e último botões na paginação. mas estou exibindo todas as páginas em paginação. então não há necessidade de exibir o próximo, o anterior e o primeiro botão. Existe alguma maneira de conseguir isso. Eu tento como abaixo, mas ainda exibe esses botões. Por favor ajude.

var options = { showFirstLast: false    }

Obrigado.

Respostas:

Aqui está :)

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

Usando menos se você importar o Bootstrap como menos arquivos:

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

mas eu recomendo usar "ol" em vez de "ul", acho que uma paginação é uma lista de elementos ORDERED, não UNORDERED.

O Bootstrap não restringe a marcação HTML que você usa. Você pode simplesmente excluir os botões seguinte e anterior do HTML.

Ao invés 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>

Faça isso:

<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>