Bootstrap Grid

by justinwyllie

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="container-fluid">
<!-- the col-lg-3 comes after
the rules for col-md-3 
and theefore overrides them -->

  <div class="row">
  
    <div class="col-md-6 col-lg-3">
      col1
    
    </div>
    
    <div class="col-md-6 col-lg-3">
      col2
    
    </div>
    
    <div class="col-md-6 col-lg-3">
      col3
    
    </div>
    
    <div class="col-md-6 col-lg-3">
      col4
    
    </div>
  
  
  
  </div>



</div>

CSS

.row
{
  border: 1px solid red;
}

.box
{
  border: 1px solid blue;  
}