AEM grid and boostrap | Community
Skip to main content
A
Angelger
September 10, 2024
Solved

AEM grid and boostrap

  • September 10, 2024
  • 2 replies
  • 738 views

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?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Shashi_Mulugu

@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

2 replies

Shashi_Mulugu
Community Advisor
Shashi_MuluguCommunity AdvisorAccepted solution
Community Advisor
September 11, 2024

@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
    Community Advisor and Adobe Champion
    BrianKasingliCommunity Advisor and Adobe Champion
    Community Advisor and Adobe Champion
    September 11, 2024

    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. 

      A
      AngelgerAuthor
      September 11, 2024

      Thanks for your reply that link is also pretty helpful

        Terms & ConditionsAccessibility statement

        Loading footer...