Come posso rendere l'icona piccola quando si utilizza il bootstrap?

Question

Se voglio ridurre al minimo le dimensioni dell'icona, come posso rendere l'icona piccola quando si utilizza il bootstrap?

Si tratta di demo http://jsfiddle.net/AqUBu/

mi piacerebbe per ridurre al minimo le dimensioni di questa icona umana.

<span class='badge badge-success'><i class='icon-user icon-white'></i><i class='icon-user icon-white'></i><i class='icon-user icon-white'></i></span> 

Answer 1

è possibile utilizzare font Impressionante http://fortawesome.github.com/Font-Awesome/ per creare un'icona da fonts.Font impressionante è pienamente compatibile con Twitter Bootstrap 2 & 3.You può facilmente icona di stile colore, dimensione, ombra, e tutto ciò che è possibile con i CSS.

Answer 2

Se si utilizza Bootstrap 3, è possibile utilizzare il tag <small>, in questo modo: <small><span class="glyphicon glyphicon-send"></span></small> Funziona perfettamente con Bootstrap 3.

Answer 3

È possibile utilizzare class="btn btn-xs"

Riferimento: https://getbootstrap.com/components/

Answer 4

Glyphicons e altre icone possono essere ridimensionate con precisione con la proprietà CSS font-size:

Sai ... essere glifi e tutto il resto.

Answer 5

Da http://getbootstrap.com/css/#small-text

Piccolo testo

Per de-enfatizzando in linea o blocchi di testo, utilizzare il tag <small> per impostare il testo al 85% della dimensione del genitore. Gli elementi di titolo ricevono il proprio font-size per gli elementi nidificati <small>.

In alternativa è possibile utilizzare un elemento in linea con .small al posto di qualsiasi <small>.

Prova:

<span class='badge badge-success small'> 
    <i class='icon-user icon-white'></i> 
    <i class='icon-user icon-white'></i> 
    <i class='icon-user icon-white'></i> 
</span>