css - Gantry 5 网格系统与 Bootstrap 4 中的相同

标签 css 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 张卡片。

最佳答案

您可以在您的龙门架页面设置 Assets 选项中添加 bootstrap 4

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

关于css - Gantry 5 网格系统与 Bootstrap 4 中的相同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56405965/

相关文章:

css - Adobe Dreamweaver - 如何将 div 的默认定位设置为百分比而不是像素

javascript - 将类添加到位置 :sticky but is adding class to every sticky element

javascript - 单击栏并更改图标颜色时如何激活导航栏

jquery - Bootstrap 4 折叠在 flex 中使用时不起作用

bootstrap-4 - Bootstrap v4.0 新的列偏移方法

HTML CSS 响应式地在两列中堆叠图像

html - Hosted Bootstrap 3.2 使无响应

css - 一个背景图像不显示而另一个是

javascript - 使用 jquery 动态颜色选择器?

html - 如何使元素透明,使其背景落后 2 层?