Font-Awesome/src/_includes/examples/form-inputs.html
2013-10-15 20:07:38 -04:00

31 lines
1.0 KiB
HTML

<section id="form-inputs">
<h2 class="page-header">Prepended & Appended Form Inputs</h2>
<div class="row">
<div class="col-md-3 col-sm-4">
<div class="input-group">
<span class="input-group-addon"><i class="fa-icon fa-icon-envelope-alt"></i></span>
<input class="form-control" type="text" placeholder="Email address">
</div>
<br>
<div class="input-group">
<span class="input-group-addon"><i class="fa-icon fa-icon-key"></i></span>
<input class="form-control" type="password" placeholder="Password">
</div>
</div>
<div class="col-md-9 col-sm-8">
{% highlight html %}
<form>
<div class="input-prepend">
<span class="add-on"><i class="fa-icon fa-icon-envelope-alt"></i></span>
<input class="span2" type="text" placeholder="Email address">
</div>
<div class="input-prepend">
<span class="add-on"><i class="fa-icon fa-icon-key"></i></span>
<input class="span2" type="password" placeholder="Password">
</div>
</form>
{% endhighlight %}
</div>
</div>
</section>