JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div style="padding:20px;">
    <form class="form-search form-inline">
        <input type="text" class="form-control search-query" placeholder="Search..." />
    </form>
</div>
<div style="padding:20px;">
    <form class="form-search form-inline">
        <div class="input-group">
            <input type="text" class="form-control search-query" placeholder="Search..." /> <span class="input-group-btn">
            <button type="submit" class="btn btn-primary"> Search</button>
            </span>

        </div>
    </form>
</div>
<br>
<div class="alert alert-info">Using http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css for css and Glyphicon font for search icon

CSS

input.search-query {
    padding-left:26px;
}
form.form-search {
    position: relative;
}
form.form-search:before {
    display: block;
    width: 14px;
    height: 14px;
    content: "\e003";
    font-family: 'Glyphicons Halflings';
    background-position: -48px 0;
    position: absolute;
    top:8px;
    left:8px;
    opacity: .5;
    z-index: 1000;
}