Nesting

Example of Nesting Rows

     <style>
        .outer {
            background-color: #efefff;
        }

        .inner {
            background-color: #cbd0e6;
            border: 2px solid white;
        }

        .outline {
            border: 2px dashed red;
        }
    </style>
    <div class="container">
        <div class="row">
            <div class="outer col-xs-8">
                Here's a nested ROW:
                <div class="row outline">
                    <div class="inner col-sm-3 col-sm-offset-2">Inner First of three</div>
                    <div class="inner col-sm-3">Inner Second of three</div>
                    <div class="inner col-sm-3">Inner Third of three</div>
                </div>
                 
            </div>
            <div class="col-xs-4 outer">Regular Cells</div>
        </div>
        <p> </p>
    </div>
    <div class="container">
        <div class="row">
            <div class="outer col-xs-4">
                Here's a nested ROW:
                <div class="row outline">
                    <div class="inner col-sm-3 col-sm-offset-2">Inner First of three</div>
                    <div class="inner col-sm-3">Inner Second of three</div>
                    <div class="inner col-sm-3">Inner Third of three</div>
                </div>
                 
            </div>
            <div class="col-xs-8 outer">Regular Cells</div>
        </div>
        <p> </p>
    </div>