Bootstrap Caveats

Index

• Use of .fa-fw and .fa-border on the same icon (#8309)
• Icon placement when used in input with feedback (#4313)

Use of .fa-fw and .fa-border on the same icon

Please add to your stylesheet:

.fa-fw.fa-border {
  width: 1.58571429em;
}

Icon placement when used in input with feedback

Use this markup:

<div class="form-group has-feedback">
  <label class="control-label">Font Awesome</label>
  <input type="text" class="form-control">
  <span class="form-control-feedback">
    <i class="fa fa-search"></i>
  </span>
</div>