JSFiddle - React, Tailwind, and code Playground

by TheOrdinaryGeek

HTML

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/2.0.4/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/2.0.4/js/bootstrap.min.js"></script>
<br><br><br><br><br>
<!-- ignore those br, just for stackoverflow full page view -->

<div class="container">
  <div class="row">

    <div class="span4">
      <div class="form-group">
        <label for="search">Title</label>
        <input type="text" name="search" id="search" class="form-control" />
      </div>
    </div>

    <div class="span4">
      <div class=" form-group">
        <label for="created_at_gt">Created at from</label>
        <input type="text" name="created_at_gt" id="created_at_gt" class="form-control" />
      </div>
    </div>

    <div class="span4">
      <div class="form-group">
        <label for="created_at_lt">To</label>
        <input type="text" name="created_at_lt" id="created_at_lt" class="form-control" />
      </div>
    </div>

  </div>
</div>