Custom Bootstrap Layout issue with Content Blocks

Permalink
I have created a Home page Layout using 2 Columns. This looks great in the editor. However when I add a Content Block or an Image Block the block extends past the first column. It is almost as if the block doesn't see that the divs are there.

Is there something I am missing in the Area configuration?

eg:
<div class="col-md-3 col-sm-4 col-md-offset-1" style="height:600px; background-color: #2E2E2E; ">
                <?php
                $a = new Area('Main-Left');
                $a->enableGridContainer();
                $a->display($c); 
                ?> 
            </div>
<div class="col-md-7 col-sm-8" style="height:350px;background-color: white;">
                <?php
                $a = new Area('Main-Right-Top');
                $a->enableGridContainer();
                $a->display($c); 
                ?> 
            </div>

 
jmain replied on at Permalink Reply
I see what it is doing.
It is adding the Content Div with the Following:

<div class="col-sm-12"> </div>


Need to see if there is a way to cause it to not add a class so it inherits the outer div.
jmain replied on at Permalink Reply
I just found that turning off
enableGridContainer()
solved the issue.
juddc replied on at Permalink Reply
juddc
If you want to be able to add columns at that level use
$a->setAreaGridMaximumColumns(12);