Question

我正在使用bootstrap paginator。此应用程序默认显示分页上的下一个，上一个和最后一个按钮。但我在分页中显示所有页面。所以不需要显示下一个，上一个和第一个按钮。有没有办法实现这一目标。我尝试如下，但它仍然显示这些按钮。请帮忙。

var options = { showFirstLast: false    }

感谢。

Answer 1

你走了:)）

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

Answer 2

如果您将Bootstrap导入为较少的文件，则使用Less：

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

但我建议使用'ol'而不是'ul'，我认为分页是ORDERED元素的列表，而不是UNORDERED。

Answer 3

Bootstrap不会限制您使用的HTML标记。您只需从HTML中排除下一个和上一个按钮即可。

而不是：

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

这样做：

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

如何在bootstrap分页中隐藏分页上的上一个和下一个按钮

3 个答案: