Bootstrap 3 Skeleton

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

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<div class="row">
    <div class="jumbotron">
        <div class="col-md-8 jumbotext">text here</div>
        <div class="col-md-4 jumbotext">text here</div>
    </div>
</div>
<div class="container" id="content">
   <div class="row" >this content needs to float over the jumbotron above</div>
</div>

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

.jumbotron > .jumbotext {
    z-index: 700;
}

#content {
    position: relative;
    bottom: 80px;
    z-index: 500;
    opacity: 0.6;
}

#content > .row {
   min-height: 400px;
   background: #cccccc;
}