JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<h3>Normal Search</h3>

<div class="navbar">
<div class="navbar-inner">
<div class="container">
<form class="navbar-search">
<input type="text" class="search-query span3" placeholder="Search">
</form>
</div>
</div>
</div>
    
<h3>Regular Input Add-On</h3>
<div class="input-prepend">
<span class="add-on"><i class="icon-search"></i></span>
<input class="span2" type="text">
</div>

<h3>Navbar Add-on</h3>

<div class="navbar">
<div class="navbar-inner">
<div class="container">
<form class="navbar-search">
<div class="input-prepend">
<span class="add-on search-query"><i class="icon-search icon-white"></i></span>
<input type="text" class="search-query span3" placeholder="Search">
</div>
</form>
</div>
</div>
</div>

CSS

.navbar-inner {
    height: 40px;
}