Expand my Community achievements bar.

Guidelines for the Responsible Use of Generative AI in the Experience Cloud Community.
SOLVED

bootstrap client library issues in container grid in AEM author instance

Avatar

Level 4

Hi Team,

 

using AEM as a cloud service , where we have added bootstrap library in page policy . now its conflicting container grid  due to this we have left and right margin getting added on the page

how we can resolve this ?

 

sonuk85184451_0-1679370161379.png

 

adding custom style from container policy and apply full width property to custom class?

 

sonuk85184451_1-1679370253726.png

 

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi @sonuk85184451 ,


This is expected as the bootstrap load margin-related style at the page level. In our projects, we usually add a margin:-15px at the root level to remove this. 
As you said, you can alter this behavior with a custom class.
Thank you.

Regards,

Sravan

View solution in original post

2 Replies

Avatar

Correct answer by
Community Advisor

Hi @sonuk85184451 ,


This is expected as the bootstrap load margin-related style at the page level. In our projects, we usually add a margin:-15px at the root level to remove this. 
As you said, you can alter this behavior with a custom class.
Thank you.

Regards,

Sravan

Avatar

Level 1

Hey, I'm currently in the same situation. I'm new to aem development. Could you explain to me how you fix it?