Bootstrap 3.1 Main Content

by GaryC123

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div class="container">
    <div class="row">
        <div class="col-lg-4 col-md-3 col-sm-4 col-xs-12">Column 1
            <br>Class used - <b>col-lg-4 col-md-3 col-sm-4 col-xs-12</b>
        </div>
        <div class="col-lg-8 col-md-9 col-sm-8 col-xs-12">Column 2
            <br>Class used - <b>col-lg-8 col-md-9 col-sm-8 col-xs-12</b>
        </div>
    </div>
            </div>
    <br>
    <br>
    <br>
    <div class="container">
        <div class="row">
            <div class="col-sm-6 col-xs-12"><u><b>Inherited column sizing</b></u>

                <br>Class used - <b>col-sm-6 col-xs-12</b>

                <br>This column is 12 columns wide on x-small devices and 6 columns wide at all sizes from small up</div>
        </div>
    </div>

CSS

div {
    border:1px solid black;
}