Aunque su implementación en Bootstrap está diseñada para utilizarla con el elemento <i> , quizás deseeis utilizar estos iconos en otros elementos.
Para ello debeis utilizar el siguiente CSS con el elemento deseado, y luego sustituir el valor por el icono deseado
.element { position: relative; }
/*replace the content value with the corresponding value from the list below*/
.element:before
{ content: "\f000";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
/*--adjust as necessary--*/
color: #000;
font-size: 18px;
padding-right: 0.5em;
position: absolute;
top: 10px;
left: 0; }
Para llamar al icono debeis utilizar un código como este:
Fuente: Complete list of Font Awesome icons with their CSS content values.