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='modal' id='edit-user-modal'>
<div class='modal-header'> <span class='close' data-dismiss='modal' aria-hidden='true'>×</span>
<h3>Edit user</h3>
</div>
<div class='modal-body'>
<form class='form-horizontal'>
<div class='control-group'>
<label class='control-label'>Username</label>
<div class='controls'>
<input type='text' class='username' id='edit-user-username' placeholder='Username'
val='Steve' />
</div>
</div>
<div class='control-group'>
<label class='control-label'>Rights</label>
<div class='controls'>
<div class='btn-group' data-toggle='buttons-radio' id='edit-user-rights'> <span class='btn'>Administrator</span>
<span class='btn'>Operator</span>
</div>
</div>
</div>
<div class='control-group'>
<label class='control-label'>New password</label>
<div class='controls'>
<input type='password' class='password' id='edit-user-password' placeholder='New password'
/>
</div>
</div>
<div class='control-group'>
<label class='control-label'>Confirm password</label>
<div class='controls'>
<input type='password' class='password' id='edit-user-password' placeholder='Confirm password'
/>
</div>
</div>
</form>
</div>
<div class='modal-footer'> <span class='btn btn-danger pull-left' data-action='remove'><i class='icon-trash'></i> Remove user</span>
<span
class='btn' data-action='close'>Cancel</span> <span class='btn btn-primary' data-action='save'>Save changes</span>
</div>
</div>
CSS
@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
JavaScript
$('#edit-user-username').val('Steve').focus();
$('#edit-user-rights').children().eq(0).click();