JSFiddle - React, Tailwind, and code Playground
by Ryan Morris
HTML
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<div class="container">
<h1>Hello, form</h1>
<form method="post" role="form">
<fieldset>
<legend>Basic Details</legend>
<div class="form-group">
<label>Title</label>
<input type="text" name="name" placeholder="Title of incident" class="form-control" required />
</div>
<div class="form-group">
<label>Description</label>
<textarea class="form-control" name="description" required></textarea>
</div>
<div class="form-group">
<label>Detailed Description</label>
<textarea class="form-control" name="detailed_description"></textarea>
</div>
</fieldset>
<fieldset>
<legend>Advanced Details</legend>
<div class="checkbox">
<label class="checkbox">
<input type="checkbox" /> Nerc
</label>
</div>
<div class="form-group">
<label>Priority</label>
<select class="form-control" name="urgency">
<option value="none">None</option>
</select>
</div>
</fieldset>
<fieldset id="nerc-fields">
<legend>Nerc options</legend>
<div class="checkbox">
<label class="checkbox">
<input name="nerc-type" type="checkbox" /> ESP
</label>
<label class="checkbox">
<input name="nerc-type" type="checkbox" /> PSP
</label>
<label class="checkbox">
<input...