Editor is not centering


My theme Im building is Bootstrap powered. The problem is if I click on a block to add a text, its not lining up with the bootstrap grid (col-sm-12, etc). Please view attached screenshot.

The blue line is the editor, whereas the green line is the Bootstrap grid. Why is the editor being pushed to the right? Its not my styling, because I've tried notating everything out.
Any help is appreciated. Its bugging me that my texts are not centering cause of this.


1 Attachment

View Replies:
ramdettmer replied on at Permalink Reply
Okay so I fixed the issue, I commented out the enableGridContainer() and its now lining up.
$a = new Area('Main2');

But why would enableGridContainer mess that up?
MrKDilkington replied on at Permalink Reply
Hi ramdettmer,

Are you nesting containers within containers?

There may also be an issue with your theme CSS.

The default Elemental theme uses Bootstrap and enableGridContainer() without this issue, so i would suggest reviewing your markup.
ramdettmer replied on at Permalink Reply
I got it fixed. I did not have any containers within a container but I came across a developer article that explained the enableGridContainer should not be in a class of container. And if so, include enableGridContainer(12).
I fixed it by removing my container wrapper around the php grid container code and replaced it with "Main" class name.

Thank you.