AEM grid and boostrap

Question

Hi, Im started working with Editable templates and we already have our modules using Boostrap, couple of months ago I saw in one of the questions that there was a project that already customized the aem grid to follow the same styles as Boostrap but I was not able to find the link anymore, could someone have that project link to use it?

Shashi_Mulugu · Accepted Answer

@angelger I think you are referring to below links, let me know if not https://medium.com/@lehenetudor/aem-grid-vs-bootstrap-grid-which-one-to-use-4e5a65fd25ed

BrianKasingli · Answer

Hey @angelger ,To get the layout features of AEM working with the bootstrap break points, I suggest you to play around with the grid.less, https://github.com/adobe/aem-guides-wknd/blob/main/ui.apps/src/main/content/jcr_root/apps/wknd/clientlibs/clientlib-grid/less/grid.less, and try to introduce some new break points that follows the same responsive patterns as the boot strap grid... in this case, you'd need to also adjust your emulators under /etc/mobile/groups, to introduce new breakpoints for the author's to configure into.

Sign up

Login with SSO

Login to the community

Login with SSO