<div class="grid grid-two-col [modifier class]">
    <div class="grid-col">
        <div class="box helper">
            <h4>First Child</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim facilisis lacus, tincidunt mattis dolor porta ut. Fusce tincidunt ligula <a href="#">quis dolor tempus</a>, at tincidunt diam lacinia.</p>
        </div>
    </div>
    <div class="grid-col">
        <div class="box">
            <h4>Last Child</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim facilisis lacus, tincidunt mattis dolor porta ut. Fusce tincidunt ligula <a href="#">quis dolor tempus</a>, at tincidunt diam lacinia.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim facilisis lacus, tincidunt mattis dolor porta ut. Fusce tincidunt ligula <a href="#">quis dolor tempus</a>, at tincidunt diam lacinia.</p>
        </div>
    </div>
</div>

<div class="grid grid-two-col grid-flex [modifier class]">
    <div class="grid-col">
        <div class="box box-flex helper">
            <div class="box-body">
                <h4>First Child</h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim facilisis lacus, tincidunt mattis dolor porta ut. Fusce tincidunt ligula <a href="#">quis dolor tempus</a>, at tincidunt diam lacinia.</p>
            </div>
            <div class="btn-row">
                <button class="btn btn-default">Button</button>
            </div>
        </div>
    </div>
    <div class="grid-col">
        <div class="box box-flex">
            <div class="box-body">
                <h4>Last Child</h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim facilisis lacus, tincidunt mattis dolor porta ut. Fusce tincidunt ligula <a href="#">quis dolor tempus</a>, at tincidunt diam lacinia.</p>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim facilisis lacus, tincidunt mattis dolor porta ut. Fusce tincidunt ligula <a href="#">quis dolor tempus</a>, at tincidunt diam lacinia.</p>
            </div>
            <div class="btn-row">
                <button class="btn btn-default">Button</button>
            </div>
        </div>
    </div>
</div>

<div class="grid grid-two-col grid-swap [modifier class]">
    <div class="grid-col">
        <div class="box">
            <h4>Last Child</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim facilisis lacus, tincidunt mattis dolor porta ut. Fusce tincidunt ligula <a href="#">quis dolor tempus</a>, at tincidunt diam lacinia.</p>
        </div>
    </div>
    <div class="grid-col">
        <div class="box helper">
            <h4>First Child</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim facilisis lacus, tincidunt mattis dolor porta ut. Fusce tincidunt ligula <a href="#">quis dolor tempus</a>, at tincidunt diam lacinia.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim facilisis lacus, tincidunt mattis dolor porta ut. Fusce tincidunt ligula <a href="#">quis dolor tempus</a>, at tincidunt diam lacinia.</p>
        </div>
    </div>
</div>

<div class="grid grid-two-col grid-swap grid-flex [modifier class]">
    <div class="grid-col">
        <div class="box box-flex">
            <div class="box-body">
                <h4>Last Child</h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim facilisis lacus, tincidunt mattis dolor porta ut. Fusce tincidunt ligula <a href="#">quis dolor tempus</a>, at tincidunt diam lacinia.</p>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim facilisis lacus, tincidunt mattis dolor porta ut. Fusce tincidunt ligula <a href="#">quis dolor tempus</a>, at tincidunt diam lacinia.</p>
            </div>
            <div class="btn-row">
                <button class="btn btn-default">Button</button>
            </div>
        </div>
    </div>
    <div class="grid-col">
        <div class="box box-flex helper">
            <div class="box-body">
                <h4>First Child</h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim facilisis lacus, tincidunt mattis dolor porta ut. Fusce tincidunt ligula <a href="#">quis dolor tempus</a>, at tincidunt diam lacinia.</p>
            </div>
            <div class="btn-row">
                <button class="btn btn-default">Button</button>
            </div>
        </div>
    </div>
</div>

<div class="grid grid-three-col">
    <div class="grid-col">
        <div class="box">
            <h4>First Child</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim facilisis lacus, tincidunt mattis dolor porta ut. Fusce tincidunt ligula <a href="#">quis dolor tempus</a>, at tincidunt diam lacinia.</p>
        </div>
    </div>
    <div class="grid-col">
        <div class="box">
            <h4>Middle Child</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim facilisis lacus, tincidunt mattis dolor porta ut. Fusce tincidunt ligula <a href="#">quis dolor tempus</a>, at tincidunt diam lacinia.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim facilisis lacus, tincidunt mattis dolor porta ut. Fusce tincidunt ligula <a href="#">quis dolor tempus</a>, at tincidunt diam lacinia.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim facilisis lacus, tincidunt mattis dolor porta ut. Fusce tincidunt ligula <a href="#">quis dolor tempus</a>, at tincidunt diam lacinia.</p>
        </div>
    </div>
    <div class="grid-col">
        <div class="box">
            <h4>Last Child</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim facilisis lacus, tincidunt mattis dolor porta ut. Fusce tincidunt ligula <a href="#">quis dolor tempus</a>, at tincidunt diam lacinia.</p>
        </div>
    </div>
</div>

<div class="grid grid-four-col">
    <div class="grid-col">
        <div class="box">
            <h4>First Child</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim facilisis lacus, tincidunt mattis dolor porta ut. Fusce tincidunt ligula <a href="#">quis dolor tempus</a>, at tincidunt diam lacinia.</p>
        </div>
    </div>
    <div class="grid-col">
        <div class="box">
            <h4>2n Child</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim facilisis lacus, tincidunt mattis dolor porta ut. Fusce tincidunt ligula <a href="#">quis dolor tempus</a>, at tincidunt diam lacinia.</p>
        </div>
    </div>
    <div class="grid-col">
        <div class="box">
            <h4>3n Child</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim facilisis lacus, tincidunt mattis dolor porta ut. Fusce tincidunt ligula <a href="#">quis dolor tempus</a>, at tincidunt diam lacinia.</p>
        </div>
    </div>
    <div class="grid-col">
        <div class="box">
            <h4>Last Child</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim facilisis lacus, tincidunt mattis dolor porta ut. Fusce tincidunt ligula <a href="#">quis dolor tempus</a>, at tincidunt diam lacinia.</p>
        </div>
    </div>
</div>