JSFiddle - React, Tailwind, and code Playground
by Renato Gama
HTML
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<div id="newAlarm" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="false" class="modal hide fade in" style="display: block;">
<div class="modal-header">
<button type="button" data-dismiss="modal" aria-hidden="true" class="close">×</button>
<h3 id="modalLabel">New Alarm</h3>
</div>
<div class="modal-body">
<input type="hidden" name="alarm[_id]">
<input type="hidden" name="_method" value="POST">
<div class="row-fluid">
<div class="span6">
<div class="control-group">
<label for="name">Name</label>
<div class="controls">
<input id="name" name="alarm[name]" class="span12">
</div>
</div>
</div>
<div class="span6">
<div class="control-group">
<label for="description">Description</label>
<div class="controls">
<input id="description" name="alarm[description]" class="span12">
</div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span4">
<div class="control-group">
<label for="series">Triggers when value of</label>
<div class="controls clearfix">
<select id="series" name="alarm[alarm[series]]" class="span12 pull-left">
<option value="Temperatura">Temperatura</option>
...