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

AEM grid and boostrap

  • September 10, 2024
  • 2 replies
  • 736 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

BrianKasingli
BrianKasingli
New Participant
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
    New Participant
    September 11, 2024

    Thanks for your reply that link is also pretty helpful

      Shashi_Mulugu
      Shashi_MuluguAccepted solution
      New Participant
      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

        Terms & ConditionsAccessibility statement

        Loading footer...