"Search Bar"
Bootstrap 2.3.2 Snippet by msurguy

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="span12"> <form method="get" action="/" class="form-inline" > <input name="q" class="span5" type="text" placeholder="Keywords: Ruby, Rails, Django" > <input name="loc" class="span5" type="text" placeholder="Location: City, State, Zip"> <button type="submit" class="btn btn-primary"> <i class="icon-search icon-white"></i></button> </form> </div> </div> </div>

Related: See More


Questions / Comments:

Thanks a lot! Helped a lot with my search bar now to do a little styling. ;)

I'm curious if anyone has any experience running two input fields like this as opposed to just one in a marketing/conversion sense?

I'm using one input field right now and getting a good conversion rate of people hitting my search engine landing page and typing at least something in. Wonder if moving to two will make them more or less likely to type something in.

Thomas O'Hearn () - 5 years ago - Reply 0