JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<main id="main" class="wrapper contact" role="main">
<div class="container">
<div class="row">
<article class="col-xs-12 plain_text">
<div class="row">
<h1 class="col-xs-12 title">Title</h1>
<div class="col-md-8">
<edit html_textarea>some textarea</edit>
<div class="flex-row">
<div class="col-sm-6">
<small>* mandatory</small>
<div class="form-group">
<label class="sr-only" for="reason">Label 1</label>
<select id="reason" class="form-control">
<option>some option 1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
<div class="form-group">
<label for="message">message *</label>
<textarea id="message" class="form-control"></textarea>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label for="message">gender</label>
<div class="radio">
<label class="radio-inline">
<input type="radio" name="sex" value="female"> female
</label>
...