JSFiddle - React, Tailwind, and code Playground

HTML

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>

<form class="form-horizontal" id="new_bookmark" method="post">

  <div class="control-group">
    <label class="control-label" for="bookmark_title">Title</label>
    <div class="controls">
      <input id="bookmark_title" name="bookmark[title]" size="30" type="text" value="">
    </div>
  </div>
  <div class="control-group error">
    <div class="control-group"><label class="control-label" for="bookmark_url">Url</label></div>
    <div class="controls">
      <div class="control-group"><input id="bookmark_url" name="bookmark[url]" size="30" type="text" value=""></div>
    </div>
  </div>
</form>