Javascript 限制引导3分页中显示的页数

我的网站上有各种使用引导（引导3）分页的网页，但我需要知道如何限制其中显示的页面数（例如，仅显示第1至10页）

如果选择第2页，第11页将显示b，依此类推

你是怎么做到的

我知道它可能是JavaScript/jQuery，但是非常感谢您的帮助。如果不必使用JavaScript/jQuery就可以完成，那就更好了

下面是我分页的截图

---

如您所见，显示了12个页面，我希望在第2页或选择下一页之前隐藏第11页和第12页，然后显示第11页，隐藏第1页，依此类推。

假设您的页面呈现为服务器端（PHP、Ruby、Java等）您可能希望在服务器端正确呈现分页

不久前，我在PHP中解决了这个问题，我有一个函数，它对每个页码调用，决定是否应该呈现该页码（或其他内容）

事情是这样的

if the page number is < 3, render the page number
if the page number is within +-2 of the current page, render the page number
if the page number is > the total number of pages -3 render the page number
if the last page number wasn't rendered and dots haven't already been rendered render dots '...' do indicate a gap

else do nothing

如果页码小于3，则呈现页码
如果页码在当前页面的+-2范围内，则呈现页码
如果页码>总页数-3，则呈现页码
如果最后一个页码没有呈现，而点还没有呈现，呈现点“…”表示有间隙
否则什么也不做

---

我希望这为您指明了正确的方向

有一个jquery插件可以与bootstrap一起使用，它解决了这个问题： 请查看“可见页面选项”部分

---

您可以使用google和

bootstrap 3分页多页

找到更多/其他解决方案。您可以尝试查看

评论。maxPages

如下所示：

<pagination 
    total-items="reviews.count"
    ng-model="reviews.pageNo"
    max-size="reviews.maxPages"
    boundary-links="true"
    rotate="false"
    num-pages="reviews.noPages"
    ng-change="changePageTo(reviews.pageNo)"></pagination>

---

这个问题很久以前就被问到了，但在我寻找答案的时候它出现了

指定

max size='X'

对我很有用。引导分页标记看起来像：

<pagination class="pagination-sm" total-items="1000" items-per-page="10" max-size="10">
</pagination>

---

希望这对其他人有所帮助。

所以您希望最多显示10个页码？如果选择2，则不会显示1个？JNF&A1rPun-是的，这是正确的，谢谢，这太完美了！这个解决方案是完美的！谢谢你的提示。更新了链接。

pagination

标签来自哪里？