Bootstrap 3.0 - Grid System

by dshilkret

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="row">
   
</div>

CSS

/*https://www.bootstrapcdn.com/*/

.row > div {
    background: lightgrey;
    border: 1px solid grey;
}

JavaScript

var n = 3;
for (var i = 0; i < n; i = i + 1) {
    // useful code would go here
    //alert("i = " + i);
   $(".row").append('<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">.col-md-4</div><div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">.col-md-4</div><div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">.col-md-4</div>');
}
//alert("after loop, i = " + i);