HRF Layout

We use a responsive 12-column grid from Bootstrap 3. This grid has been customized to remove most of the Bootstrap features and css resets, leaving only essential grid styles and grid functionality. To use it, grab the code or simply connect to the style sheet.

Be sure to follow the Bootstrap convention correctly by at least nesting a col-xs-12 inside a row, and place the row inside a container as follows.

<div class="container">
  <div class="row">
   <div class="col-xs-12">
     <!-- your content here -->
   </div><!-- /.col -->
  </div><!-- /.row -->
</div><!-- /.container -->
    

To allow elements to stretch the full-width of the screen, place them outside the container. Or, use container-fluid which stretches nearly to the edges of the screen. Use multiple containers in the page if necessary, but avoid nesting them.