gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added solution to Add Font Awesome Icons to our Buttons (#18413)

Browse Source 
Add Font Awesome Icons to our Buttons
This commit is contained in:
The Coding Aviator
2018-10-14 21:51:29 +05:30
committed by Quincy Larson
parent f5116c9c13
commit 3841b5e443
1 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
client/src/pages/guide/english/certifications/front-end-libraries/bootstrap/add-font-awesome-icons-to-our-buttons/index.md
View File

@ -3,8 +3,23 @@ title: Add Font Awesome Icons to our Buttons
--- ---
## Add Font Awesome Icons to our Buttons ## Add Font Awesome Icons to our Buttons
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/front-end-libraries/bootstrap/add-font-awesome-icons-to-our-buttons/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>. The challenge requires you to add a thumbs up icon from font awesome to the button with the text 'Like' in it
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>. ### Hint 1
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds --> The ``` <i> ``` tag is not self-closing.
### Hint 2
Use the classes ``` fa ``` and ```fa-thumbs-up```.
### Solution
Modify the button tag to the following:
```html
<button class="btn btn-block btn-primary">
<i class="fa fa-thumbs-up"></i>
Like
</button>
```