Bootstrap 3.1.1 "Rounded" Search Bar

by Vasilii Chugunov

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
<form id="search-form" class="form-inline" role="form" method="post" action="//www.google.com/search" target="_blank">
  <div class="input-group">
    <input type="text" class="form-control search-form" placeholder="Search">
    <span class="input-group-btn">
      <button type="submit" class="btn btn-primary search-btn" data-target="#search-form" name="q">
        <i class="fa fa-search"></i>
      </button>
    </span>
  </div>
</form>