Expand my Community achievements bar.

Applications for the 2024-2025 Adobe Experience Manager Champion Program are open!
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?