代码之家 › 专栏 › 技术社区 › ivo Welch

bootstrap-4专辑卡展示:多/少

bootstrap-4

ivo Welch · 技术社区 · 4 年前

我采用了卡的概念 https://getbootstrap.com/docs/4.0/examples/album/ 唉,我不想把所有的牌都摆在桌面上。观众怎么能不被100张卡片淹没呢?

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

1 回复 | 直到 4 年前

Andrzej Dzirba 4 年前

这实际上不是Bootstrap问题,而是ux问题。我想你的答案是以下之一:

如果你坚持显示所有内容并隐藏一些内容,你可以使用以下示例:

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

显示前10张牌

推荐文章

seriously · 按钮中元素的对齐

2 年前

USK · 引导模型在我的HTML文件中不起作用

2 年前

onit · 如何在单击按钮时从页面(引导程序4)隐藏或删除搜索表单?

2 年前

Noor ul ain Ibrahim · 如何在一行中制作两个大小相同的按钮?

2 年前

user9644796 · 如何检查折叠的导航栏是否打开?

6 年前

JoeSlav · 使用引导上载损坏的文件

6 年前

John · 引导程序4,表单内联未在XS视图上对齐

6 年前

J. Sparks · 奇怪的图像定位(HTML、CSS、Bootstrap)

6 年前

user9719859 · 如何在bootstrap 4中更改选择选项programmaticaly?

6 年前

im5an · 如何使用angular在单行中显示徽标和导航栏?

6 年前