Bootstrap 3 Skeleton
This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.
by Herst
HTML
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<div class="container-fluid">
<div id="groupform" class="form-horizontal">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><span class="glyphicon glyphicon-inbox"></span> Buckets</h3>
</div>
<div class="panel-body">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Bucket 0</h3>
</div>
<div class="panel-body">
<div class="bucket form-group" data-bucket-nr="0">
<div class="form-group col-sm-12">
<label for="cb-bucket-active0" class="col-sm-3 col-xs-6 control-label">Activate Bucket</label>
<div class="col-sm-4">
<input type="checkbox" class="activate-bucket-cb" id="cb-bucket-active0" checked="">
</div>
</div>
<div class="form-group col-sm-12">
<div class="col-sm-2">
<div class="radio disabled">
<label>
<input type="radio" name="radiogrp-action-type0" value="standard" id="radio-actmode-std0" class="radiogrp-action-type controlled-by-activate-bucket" checked="" disabled=""> Output to Ports
</label>
</div>
</div>
<div class="col-sm-4">
<input type="text" name="output_ports" id="tf-act-out0" data-val-fn="validatePort" data-val-empty="false" class="form-control controlled-by-activate-bucket actmode-standard" disabled="">
<span id="feedb-ico-tf-act-out0" aria-hidden="true" class=""></span>
<div id="feedb-txt-tf-act-out0" class="help-block"></div>
</div>
<span class="help-block col-xs-offset-1">1–24</span>
</div>
<div...
CSS
@import url('http://getbootstrap.com/dist/css/bootstrap.css');