L'espacement entre les glyphicon et le texte?
Je suis en train d'ajouter un glyphe icône en tant que partie d'une adresse email lien. L'icône montre, mais il n'y a pas d'espace entre l'icône et l'adresse e-mail de texte (je veux le lien hypertexte pour inclure à la fois l'icône et le texte... y compris l'espace). Quelle est la meilleure façon d'accomplir cette?
<a href="mailto:someone@somewheredotcom" title="Some Email">
<span class="glyphicon glyphicon-envelope">someone@somewheredotcom</span>
</a>
Vous devez vous connecter pour publier un commentaire.
Si vous utilisez
glyphicon
il suffit d'ajouter un espace après</span>
tag ci-dessousSi vous utilisez
glyphicon
avec police impressionnant de référence de la bibliothèque juste ajouterfa-fw
à la fin de la classe.Vous pouvez essayer de faire ceci:
Être conscient que votre fichier css spécifique devrait être inclus après bootstrap.css
.glyphicon:before { margin-right: 5px; }
De http://getbootstrap.com/components/, voir cette note
Donc, vous pouvez modifier le CSS si vous le souhaitez, par exemple à l'aide de Bogdan idée, ou tout simplement par l'ajout de
entre l'icône et votre texte:Selon Bootstrap:
Vous devez mettre l'adresse de courriel à l'extérieur de la durée de l':