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>
<body>
<div class="container" >
<div class="row">
<div class="col-md-7 col-xs-10 pull-left table100">
<p>Hello</p>
<div class="table-responsive">
<table class="table table-bordered ">
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
...
CSS
@import url('http://getbootstrap.com/dist/css/bootstrap.css');
body {
height: 700px;
}
.table100, .row, .container, .table-responsive, .table-bordered {
height: 100%;
}
div#description {
background-color: gray;
height: 25%;
border: 2px black;
}
tr {
line-height: 25px;
min-height: 25px;
height: 25px;
}
table {
height: 100%;
}
#topics tr {
line-height: 14px;
}
JavaScript
/* optional / dynamic height
$('body').height(document.documentElement.clientHeight);
*/