Adding Bootstrap Icon to Codepen

Adding Bootstrap Icon to Codepen
0

#1

Hi guys,

For some reason I couldn’t add social media icon to Codepen by using the code below. Some other bootstrap is working fine but this one doesn’t. I’d really appreciate some feedback/advice!
(I included spaces intentionally, otherwise it was not showing up in the thread)

< div class=“col-xs-4”>
< a href=“https://www.facebook.com”>< button class=“btn btn-block btn-primary”>
< i class=“fa fa-thumbs-up”>< /i>Facebook< /button>< /a>< /div>


#2

I tried the code and it worked have you added font awesome in your head section?

< script src=“https://use.fontawesome.com/dee45a8958.js” > < /script >


#3

I thought that it was automatically included. Thank you!

Does it head to be head section? It worked when I added that in the body section too.


#4

It should go in the head section.


#5

Functionally, It doesn’t necessarily ‘have’ to be in the head section but for proper structure and semantics, It is better to put it there. Plus the element is not really an element that defines the structure of the webpage.