Glifix ve metin arasındaki boşluk mı?

Question

E-posta adresi bağlantısının bir parçası olarak glif simgesi eklemeye çalışıyorum. Simge, simge ile e-posta adresi metni arasında boşluk olmadığını gösterir (köprünün hem alanı hem de alanı içeren ... simgesini ve ikisini de içermesini istiyorum). Bunu başarmanın en iyi yolu nedir?

 <a href="mailto:someone@somewheredotcom" title="Some Email"> 
     <span class="glyphicon glyphicon-envelope">someone@somewheredotcom</span> 
    </a> 

Answer 1

Bunu yapmak için deneyebilirsiniz: sadece </span> etiketi gibi ardına boşluk eklemek glyphicon kullanılıyorsa

.glyphicon-envelope:before { 
    margin-right: 5px; 
} 

özel css dosyası bootstrap.css

Answer 2

sonra dahil edilmelidir farkında olun o

<a href="#" class="btn btn-primary"><span class="glyphicon glyphicon-user"></span> Individual</a> 

glyphicon ile birlikte font awesome kütüphane referansı ile birlikte sınıfın sonuna fa-fw ekleyin. Bootstrap göre

<a href="mailto:someone@somewheredotcom" title="Some Email"> 
    <span class="glyphicon glyphicon-envelope fa-fw">someone@somewheredotcom</span> 
</a> 

Answer 3

:

Simge sınıfları sadece metin içeriği ve unsurları kullanılmalıdır> Herhangi bir alt öğe var.

Sen yayılma dışından e-posta adresini koymalıyız: http://getbootstrap.com/components/ itibaren

<span class="glyphicon glyphicon-envelope fa-fw"></span>someone@somewheredotcom 

Answer 4

, bu notu

uygun dolgu için simge ve metin arasında bir boşluk bırakın emin olun bakın.

Yani, Bogdan'ın fikrini kullanarak, örneğin istenirse CSS değiştirebilir veya sadece ikonu ve metin arasında   ekleyerek: Bu benim için çalıştı

<a href="mailto:someone@somewheredotcom" title="Some Email"> 
    <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>&nbsp;someone@somewheredotcom 
</a>