AEM网格-如何在AEM网格中添加列之间的间距



我们是在6.5.3。像CSS/bootstrap一样,有一个属性可以添加网格列之间的间距。我想知道是否有任何方法可以在AEM网格中实现这一点?我们需要添加一些空白,以确保内容不会粘在一起,当内容被放置在列网格内。修改网格。less是我们考虑的最后一种选择,但是我们想检查是否有来自AEM网格的声明性方法,例如在某些属性中指定间距。

默认情况下,在AEM网格中没有填充/边距属性,这就是我们在OOTB中放置grid.less文件的原因。但是,你可以在你的模板中为它编辑和添加一个属性。

虽然,这不是最好的方法

如果你想在所有网格中添加默认间距,你必须在grid.less中这样做。

这会更糟,因为这些更改将是全局的

一个更好的方法

我建议创建一个分隔符组件而不是在所有网格中添加默认填充。这样,当你不想在你的网格中填充时,你就不会再卡住了。

内容作者可以根据需要在不同的组件之间添加一个(或多个)分隔符组件。

自定义AEM网格

相关内容

  • 没有找到相关文章

最新更新