[ad_1]
https://i.ytimg.com/vi/Fc48IYYaEHw/hqdefault.jpg
Webpage: http://bootstrapbay.com
Source Files: http://github.com/bootstrapbay/tutorials
In this installment of our Bootstrap tutorial, we show you how to install Font Awesome and add social icons to your website’s footer.
Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.
– Designed from scratch to be fully compatible with Bootstrap 3.0.0.
– Font Awesome is completely free for commercial use.
– In a single collection, Font Awesome is a pictographic language of web-related actions.
– Fewer compatibility concerns because Font Awesome doesn’t require JavaScript.
– Easily style icon color, size, shadow, and anything that’s possible with CSS.
– Scalable vector graphics means every icon looks awesome at any size.
– Font Awesome icons are vectors, which mean they’re gorgeous on high-resolution displays.
– Font Awesome won’t trip up screen readers, unlike other icon fonts.
Original source
28 responses to “Bootstrap 3 Tutorial Pt.4 – Font Awesome & Social Icons”
So I did my stylesheet and placed it in the css folder wrote the line of code <link href="css/LiamCustom.css" rel="stylesheet"> and still nothing is changing when I preview. I tried closing the browser window and opening the index file again freshly saved from the folder and still nothing.
Thanks a lot! Nice tutorial.
hello sir , will you please tell me how to show this icons in asp.net textbox .
reply soon
How can I put the text on the middle?
thnx sir…..
2k Followers in your IG Account Rightaway http://storage.googleapis.com/3678154186211/0432204141546.html
I got the same problem. It's okay for twitter icon, but Facebook icon's got a problem. The link connect is okay but the icon doesn't appear. Instead, there is a square.
after attach css file fb colour changed but when i put my click on it its blue again
Looks like the URL is no longer available and fontawesome wants you to download the package instead
how do i change the color of the link sin the top-right fixed navbar if i hover over the links (a elements) ???
Learning so much in here, thanks 😀
Thanks, it is very helpful……and clearly….
bonjour svp j'ai une question a propos bootstrap, quand j'ajoute du code php a des boutons creés par bootstrap ça me donne des erreurs au niveau des noms des classes, comment je peux faire ? et merci.
Thank you so much for this video. It helps me a lot. Keep posting.
Got a question.
I put in three icons in the navbar however I would like one of them to have another colour.
Now how do I reference just one of the icons in the whole class?
To add some space between the icons, add margin-right: 20px to the custom css file.
Good tutorials. The talks are too slow, I got sleepy.
Luckily I've got speed 2x.
Great, thank you
My custom.css file doesn't seem to work. The icons remain blue.
I get duplicate icons randomly in the footer.
nice job my frined…! i have a problem when i create the custom.css file…! doesn't work… the color of the icons remain blue…!
This video is awesome! Thank you!
Thank you, the only string I forgot to add was "http:" but now it's working.
enjoyed ur every tutorial. bt i ve one question regarding the footer tag. what should i do to get a bit of spaces between facebook icon to others ?
These videos are awesome. THANK YOU so much for this!
thanks very much for this nice tutorial and your time doing this.
I just can't seem to get the fb icon to display. It seems to be there but missing since i can select it. Any idea? I have added the code to the head section and included http: but it just won't appear.
Part 4 of our Bootstrap tutorial: How to add Font Awesome social icons to your footer.