Bootstrap 3 Template

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<html>
    <body>
        <div id="Header">
        Fixed Header
        </div>
        <div id="Content">    
          <div class="container">   
            <div class="row">
              <div class="col-sm-6 split-screen blue"> Blue Screen
                
              </div>
              <div class="col-sm-6 split-screen teal"> Teal Screen
              
              </div>
            </div>
            <div class="row">
              <div class="col-sm-6 split-screen green"> Green Screen
                
              </div>
              <div class="col-sm-6 split-screen lime"> Lime Screen
              
              </div>
            </div>
          </div>
        </div>
    </body>
</html>

CSS

#Header
{
    height: 150px;
    width: 100%;
    background-color: #ddd;
}
#Content
{
   position: absolute;
   width: 100%;
   top: 150px;
   bottom: 0;
   background-color: #aaa;
   overflow-y: scroll;
}

#relative-content {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #A22;
}

.container{
  background-color:green;
  height: 100%;
}

.row{
  background-color: blue;
  height: 100%;
}

.split-screen{
  height: 500px;
}

.blue{
  background-color: blue;
}

.teal{
  background-color: teal;
}

.green{
  background-color: green;
}

.lime{
  background-color: lime;
}

JavaScript

/* Latest compiled and minified JavaScript included as External Resource */