bootstrap-4相册卡显示:更多/更少

bootstrap-4相册卡显示:更多/更少,bootstrap-4,Bootstrap 4,我正在采用来自的卡片概念。唉,我不想把所有的牌都摆在桌面上。一个观众怎么能不被100张卡片淹没呢 是否有人将javascript放在一起,只显示前x行,并允许浏览器用户显示更多或更少的卡片?这实际上不是引导问题,而是用户体验问题。我猜你的答案是以下之一: 分页-显示前10页,其他页面显示更多 一些旋转木马、滑杆滑水器或任何他们倾向于称之为- 滚动自动加载 如果您坚持显示全部并隐藏部分,您可以使用以下示例: $('div.yourCardClass:lt(9)').show(); 要显示前1

我正在采用来自的卡片概念。唉,我不想把所有的牌都摆在桌面上。一个观众怎么能不被100张卡片淹没呢


是否有人将javascript放在一起,只显示前x行,并允许浏览器用户显示更多或更少的卡片?

这实际上不是引导问题,而是用户体验问题。我猜你的答案是以下之一:

  • 分页-显示前10页,其他页面显示更多
  • 一些旋转木马、滑杆滑水器或任何他们倾向于称之为-
  • 滚动自动加载
如果您坚持显示全部并隐藏部分,您可以使用以下示例:

$('div.yourCardClass:lt(9)').show();

要显示前10张卡片

两张都是。我会尽可能采取最简单的解决办法。在同一页面上使用JS分页是理想的。下一步,我将修补隐藏/显示解决方案…好的呼叫分页很容易且常用,因此您的观众对此不会介意。无论如何,如果您同意我的答案,请在系统中接受它。我的答案标题旁边有一个绿色的勾号。Thanx.想得到一个独立的工作示例…什么-分页的示例?这取决于您使用什么来构建功能。从引导端看,一切都在这里: