JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<div class="container">
<form role="form">
  <div class="row">
  	<label class="col-xs-4" for="inputEmail1">Email</label>
    <div class="col-xs-8"><input type="email" class="form-control" id="inputEmail1" placeholder="Email"></div>
  </div>
  <div class="row">
    <label class="col-xs-4" for="inputPassword1">Password</label>
    <div class="col-xs-8"><input type="password" class="form-control" id="inputPassword1" placeholder="Password"></div>
  </div>
  <div class="row">
    <label class="col-xs-12" for="TextArea">Text Area</label>
  </div>
  <div class="row">
    <div class="col-xs-12"><textarea class="form-control" id="TextArea"></textarea></div>
  </div>
  <div class="row">
    <div class="col-xs-12">
      <button type="submit" class="btn btn-default">Sign in</button>
    </div>
  </div>
</form>
</div>

CSS

form .row {
   margin-bottom:10px;
}