Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
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

1 Reply

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