2013-08-27 11 views
6

ecco la mia html:Bootstrap pulsante a discesa diverse altezze

<div class="row-fluid"> 
    <div class="span3"> 
    <div class="btn-group"> 
     <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a> 
     <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> 
     <span class="icon-caret-down"></span> 
     </a> 
     <ul class="dropdown-menu"> 
     <li><a href="#"><i class="icon-fixed-width icon-pencil"></i> Edit</a></li> 
     <li><a href="#"><i class="icon-fixed-width icon-trash"></i> Delete</a></li> 
     <li><a href="#"><i class="icon-fixed-width icon-ban-circle"></i> Ban</a></li> 
     <li class="divider"></li> 
     <li><a href="#"><i class="i"></i> Make admin</a></li> 
     </ul> 
     </div> 
    </div> 
</div> 

Questo è un semplice esempio da: http://fortawesome.github.io/Font-Awesome/examples/

E nel mio browser Chrome, l'output è:

Io uso FontAwesome e voglio solo provare le icone. Per favore, grazie :)

risposta

21

Prova ad aggiungere <!DOCTYPE html> all'inizio del tuo file HTML.

Secondo il docs:

Bootstrap fa uso di alcuni elementi HTML e le proprietà CSS che richiedono l'uso del DOCTYPE HTML5. Includilo all'inizio di tutti i tuoi progetti.

Quindi avvolgere il vostro file HTML Bootstrap nel seguente:

<!DOCTYPE html> 
<html lang="en"> 
    ... 
</html> 
+1

grazie mille! Mi hai salvato la giornata – smnbbrv

+0

grazie mille! Hai salvato il mio mese. Non l'avrei mai trovato ... – SheepPerplexed

Problemi correlati