Bootstrap Skeleton
This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.
by veloper
HTML
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<div class="modal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Client Interaction Survey</h3>
</div>
<div class="modal-body">
<ol>
<li>
<h5>The client is likely to re-new their contract.</h5>
<div class="btn-group" data-toggle="buttons-radio">
<button type="button" class="btn btn-small" style="width:27%">Strongly Agree</button>
<button type="button" class="btn btn-small" style="width:16%">Agree</button>
<button type="button" class="btn btn-small" style="width:15%">Neutral</button>
<button type="button" class="btn btn-small" style="width:16%">Disagree</button>
<button type="button" class="btn btn-small" style="width:27%">Strongly Disagree</button>
</div>
</li>
<li>
<h5>The client <u>understands</u> their SEO outline.</h5>
<div class="btn-group" data-toggle="buttons-radio">
<button type="button" class="btn btn-small" style="width:27%">Strongly Agree</button>
<button type="button" class="btn btn-small" style="width:16%">Agree</button>
<button type="button" class="btn btn-small" style="width:15%">Neutral</button>
<button type="button" class="btn btn-small" style="width:16%">Disagree</button>
<button type="button" class="btn btn-small" style="width:27%">Strongly Disagree</button>
</div>
<textarea placeholder="Comments"></textarea>
</li>
<li>
<h5>The client <u>supports</u> their SEO outline.</h5>
<div class="btn-group" data-toggle="buttons-radio">
<button type="button" class="btn btn-small" style="width:27%">Strongly Agree</button>
<button type="button" class="btn btn-small" style="width:16%">Agree</button>
<button...
CSS
@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
.container {
margin-top: 10px;
}
ol li {
list-style-type:decimal
}
ol li {
margin-bottom:25px
}
textarea {
display:block;
margin-top:10px;
height:21px;
width:97.5%
}