Bootstrap grid examples

Bootstrap grid system.

by Asif Sharif Shahid

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<div class="container text-center">
    <div class="row">
        <h4>Two Columns</h4>
        <div class="col-lg-6 col-md-6 left-div">
      <p>
        test div      
      </p>
      <p>
        test div      
      </p>
      <p>
        test div      
      </p>
      <p>
        test div      
      </p>
      <p>
        test div      
      </p>
      <p>
        test div      
      </p>
      <p>
        test div      
      </p>
      <p>
        test div      
      </p>
      <p>
        test div      
      </p>
      <p>
        test div      
      </p>
        </div>
        <div class="col-lg-6 col-md-6 right-div">
      <p>
        test div      
      </p>
      <p>
        test div      
      </p>
      <p>
        test div      
      </p>
      <p>
        test div      
      </p>
      <p>
        test div      
      </p>
        </div>
      </div>
         
    
</div>

CSS

.container {
  border: solid;
}

h4 { margin-bottom: 30px; }

.row {
  margin-bottom: 20px;
}
.row .row {
  margin-top: 10px;
  margin-bottom: 0;
}
.left-div
{
  border: solid red;
}
.right-div
{
  border: solid green;
}