<section id="form-inputs">
  <h2 class="page-header">Prepended & Appended Form Inputs</h2>
  <div class="row">
    <div class="span3">
      <form>
        <div class="input-prepend">
          <span class="add-on"><i class="icon-envelope"></i></span>
          <input class="span2" type="text" placeholder="Email address">
        </div>
        <div class="input-prepend">
          <span class="add-on"><i class="icon-key"></i></span>
          <input class="span2" type="password" placeholder="Password">
        </div>
      </form>
    </div>
    <div class="span9">
{% highlight html %}
<form>
  <div class="input-prepend">
    <span class="add-on"><i class="icon-envelope"></i></span>
    <input class="span2" type="text" placeholder="Email address">
  </div>
  <div class="input-prepend">
    <span class="add-on"><i class="icon-key"></i></span>
    <input class="span2" type="password" placeholder="Password">
  </div>
</form>
{% endhighlight %}
    </div>
  </div>
</section>
