Bootstrap Grid

by stuttufu

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<div class="container">
    <div class="row">
        <div class="col-sm-4">.col-md-4</div>
        <div class="col-sm-4 col-xs-offset-4">.col-md-4 .col-md-offset-4</div>
    </div>
    <div class="row">
        <div class="col-sm-3 col-xs-offset-3">.col-md-3 .col-md-offset-3</div>
        <div class="col-sm-3 col-xs-offset-3">.col-md-3 .col-md-offset-3</div>
    </div>
    <div class="row">
        <div class="col-xs-3 col-sm-6 col-xs-offset-3">.col-md-6 .col-md-offset-3</div>
    </div>
</div>

CSS

[class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #eee;
    background-color: rgba(86,61,124,.15);
    border: 1px solid #ddd;
border: 1px solid rgba(86,61,124,.2);
}