Bootstrap 3 Skeleton

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

by pj_js15

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<div class="main-container">


  <div class="container quick-links">
    <div class="row">
      <div class="col-xs-6">
        <div class="link-container">
          Contribute
          <div class="with-bottom-border"></div>
        </div>
      </div>
      <div class="col-xs-6">
        <div class="link-container">
          Performance
        </div>
        <div class="with-bottom-border"></div>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-6">
        <div class="link-container">
          Consolidate
        </div>
      </div>
      <div class="col-xs-6">
        <div class="link-container">
          Insurance
        </div>
      </div>
    </div>    
    <div class="row bottom-row">
      <div class="col-xs-6">
        <div class="link-container">
          Super choice form
          <div class="description">
          Use your super choice form and have your employer contribute to your Essential Super account.
          </div>
        </div>
      </div>
      <div class="col-xs-6">
        <div class="link-container">
          View statement
            <div class="description">
          Download to view a summary of your super performance fees and transactions for the past 6 months.
          </div>
        </div>
      </div>
    </div> 
  </div>
</div>

SCSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');
.main-container{
  padding: 20px;
  color: #1a4573;
}
.quick-links {
  border: 1px solid #CCCCCC;
  font-weight: bold;
  
  .link-container {
    margin: 10px;
  }
  .with-bottom-border {
    border-bottom: 1px solid #CCCCCC;
    margin-top: 15px;
  }
  .bottom-row{
    background-color: #F8F9FC;
    .description{
      font-weight: normal;
      font-size: 11px;
      color: #717171;
    }
  }
}