Bootstrap 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="regBlock">
<form method="post" action="#">
<table class="responsive">
<tbody>
<tr>
<td><label>First Name: </label><input type="" name="" value="" /></td>
<td><label>Last Name: </label><input type="" name="" value="" /></td>
<td><label>Varification</label></td>
</tr>
<tr>
<td><label>Email: </label><input type="" name="" value="" /></td>
<td><label>Confirm Email: </label><input type="" name="" value="" /></td>
<td><img src="http://planktownbrewing.com/images/captcha.png" alt="" /></td>
</tr>
<tr>
<td><label>Password: </label><input type="" name="" value="" /></td>
<td><label>Confirm Password: </label><input type="" name="" value="" /></td>
<td></td>
</tr>
<tr class="nonFloat">
<td><label>I am over 18 </label><input type="checkbox" name="" value="" /></td>
<td><label>I agree to terms or service </label><input type="checkbox" name="" value="" /></td>
<td><input type="" name="" value="" /></td>
</tr>
</tbody>
</table>
</form>
</div>
CSS
@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
.regBlock{
background-color: #1194c2;
border-radius: .5em;
border: 15px solid #1d9cc9;
margin-top: 2em;
}
.regBlock table{
width: 100%;
}
.regBlock form{
padding: 1em;
margin: 1em;
}
.regBlock td{
width: 28em;
padding-right: 1em;
}
.regBlock .check{
width: 20em;
}
.nonFloat td input{
float: none;
}
.nonFloat td label{
padding-right: 1em;
}
.regBlock label{
color: #f7fef6;
float: left;
clear: both;
}
.regBlock input{
background-color: #39add4;
borderĂź: none;
float: right;
}