Elemental 2 Column Page Type

Permalink May 19, 2016 at 2:04 PM

I want to have a responsive 2 column page for the elemental theme. How can I do it? Nothing I have tried works.
Here is the code I have now and it is not working

<?php
defined('C5_EXECUTE') or die("Access Denied.");
$this->inc('elements/header.php'); ?>
<main>
    <div class="container">
        <div class="row">
            <div class="col-sm-6">
                <?php
                $a = new Area('Left Column');
                $a->display($c);
                ?>
            </div>
            <div class="col-sm-6">
                <?php
                $a = new Area('Right Column');

Viewing 15 lines of 28 lines. View entire code block.

 
<?php
defined('C5_EXECUTE') or die("Access Denied.");
$this->inc('elements/header.php'); ?>
 
<main>
    <div class="container">
        <div class="row">
            <div class="col-sm-6">
                <?php
                $a = new Area('Left Column');
                $a->display($c);
                ?>
            </div>
            <div class="col-sm-6">
                <?php
                $a = new Area('Right Column');
                $a->setAreaGridMaximumColumns(12);
                $a->display($c);
                ?>
            </div>
        </div>
    </div>
 
    <?php
    $a = new Area('Page Footer');
    $a->enableGridContainer();
    $a->display($c);
    ?>
 
</main>
 
<?php  $this->inc('elements/footer.php'); ?>