Bootstrap 3 + Font-Awesome - Pourquoi ce bouton ne va-t-il pas afficher l'image en ligne?

Question

J'ai un bouton de déconnexion simple dans ma barre NAVBAR et je voudrais le mot "Déconnexion" et l'icône de Font-génial pour afficher en ligne.Je pensais que <span> était une étiquette intégrée, mais cela provoque une pause de ligne.J'ai besoin de la couverture afin de cacher le texte supplémentaire sur les petits écrans.

<a href="/logout/" type="button" class="btn btn-default navbar-btn pull-right">
  <span class="hidden-xs">Logout</span><i class="fa fa-sign-out fa-lg"></i>
</a>

Vous pouvez voir le problème ici: http://bootply.com/94625

Answer 1

essayer d'ajouter:

@media(min-width:768px)
{  
.hidden-xs{display:inline !important}
}

Le .Chidden-XS définit l'affichage de votre span pour bloquer

Answer 2

C'est parce que vous devez télécharger de la police-génial et le faire dans votre répertoire racine le pointe également dans votre section.C'est parce qu'il ne montre pas sur votre lien direct.

J'espère que cela vous aidera.