JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"></script>
<form id="form-search" name="form-search" class="form-inline" action="/">
    <div class="input-group">
        <span class="input-group-btn">
            <button id="gps" type="button" class="btn gps">GPS</button>
        </span>
        <input id="address" name="address" type="file" class="form-control address text-center" placeholder="Enter Address" />
        <span class="input-group-btn">
            <input id="submit" name="submit" type="submit" class="btn submit visible-sm visible-md visible-lg" value="Search" />
        </div>
        <div class="btn btn-danger btn-block hidden-sm hidden-md hidden-lg">Search</div>
    </div>
</form>