首页 > 解决方案 > Gantry 5 网格系统与 Bootstrap 4 相同

问题描述

我使用这个类通过 Bootstrap 4 显示响应卡

col-lg-4 col-md-4 col-sm-6 col-xs-12

这意味着,卡片将显示如下: https ://biblsoft.ru/images/monopics/2019-05-31_20-20-08.mp4

我如何在 Gantry 5 中做同样的事情?

它只有固定大小 http://docs.gantry.org/gantry5/advanced/responsive-content

但是我需要在大屏幕上每行显示 5 张卡片,在中显示 4 张卡片等。

标签: cssbootstrap-4

解决方案


您可以在龙门页面设置资产选项中添加引导程序 4

在 css 和 js 字段中添加 bootstrap 4 CDN 链接,您的引导卡将开始运行。


推荐阅读