Comment utiliser les glyphicons sociaux dans la page Web implémentée par bootstrap?

Je ne suis pas en mesure d'utiliser les médias sociaux glyphe-icônes dans le bootstrap mise en œuvre de la page web.
J'ai été en mesure d'utiliser les plus habituelles comme la recherche, le monde et beaucoup plus.

C'est la façon dont j'ai utilisé les plus habituels:

<span class="glyphicons glyphicons-search"></span>

Comment pouvez-vous mettre en œuvre la méthode ci-dessus pour le social glyphicons?

source d'informationauteur maheshkumar

  1. 50

    La glyphicons que de venir gratuitement avec Bootstrap ne comprennent pas les icônes des médias sociaux paquet.

    Utilisation Police Impressionnant de la Marque Icônes à la place:

    <i class="fa fa-bitbucket"></i>      
<i class="fa fa-digg"></i>           
<i class="fa fa-dropbox"></i>        
<i class="fa fa-facebook"></i>       
<i class="fa fa-flickr"></i>         
<i class="fa fa-foursquare"></i>     
<i class="fa fa-github"></i>         
<i class="fa fa-google"></i>         
<i class="fa fa-google-plus"></i>    
<i class="fa fa-instagram"></i>      
<i class="fa fa-jsfiddle"></i>       
<i class="fa fa-linkedin"></i>       
<i class="fa fa-pinterest"></i>      
<i class="fa fa-reddit"></i>         
<i class="fa fa-skype"></i>          
<i class="fa fa-soundcloud"></i>     
<i class="fa fa-spotify"></i>        
<i class="fa fa-stack-exchange"></i> 
<i class="fa fa-stack-overflow"></i> 
<i class="fa fa-steam"></i>          
<i class="fa fa-stumbleupon"></i>    
<i class="fa fa-tumblr"></i>         
<i class="fa fa-twitter"></i>        
<i class="fa fa-vimeo-square"></i>   
<i class="fa fa-vine"></i>           
<i class="fa fa-windows"></i>        
<i class="fa fa-wordpress"></i>      
<i class="fa fa-yahoo"></i>          
<i class="fa fa-youtube"></i>

    La démo en jsFiddle

    Comment utiliser les glyphicons sociaux dans la page Web implémentée par bootstrap?

  2. 21

    coller dans votre code de la partie de la tête

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

    et juste un exemple pour l'insertion de facebook icône

    <i class="fa fa-facebook"></i>

    Pour l'ensemble de la liste des glyphes icônes, visite https://fortawesome.github.io/Font-Awesome/icons/

  3. 0

    Si vous utilisez font-awesome 5 classes ont changé.

    Vous avez maintenant plus de préfixes que juste la fa: fab, fas, far, fal.

    Pour afficher le logo twitter, par exemple, vous besoin de quelque chose comme ce

    <i class="fab fa-twitter"></i>.

    Vous pouvez en lire plus à propos de la migration de font-awesome 4 à 5 ici.