Hot Proton


1 Comment

How to add BootStrap Glyphicons to your website

BootStrap provides  this ultimate glyphicons library to easily add these amazing icons to your web projects.

Below is the sample code syntax to add these icons to your project.


<button class="btn btn-default btn-lg" type="button">
   Star
</button>

Note: Don’t mix with other components. Icon classes cannot be directly combined with other components. They should not be used along with other classes on the same element. Instead, add a nested and apply the icon classes to the .

This is how easy it is to add these icons to your website, dont forget to add the correct references. 🙂

Read More
Components · Bootstrap
Bootstrap 3 Glyphicons | Bootstrap Cheat Sheets

Hope you enjoyed this.

Advertisements


Leave a comment

How to add BootStrap Font Awesome icons to your website


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.

Add Font Awesome into your website with a single line of code. You don’t even have to download or install anything!
Paste the following code into the section of your site’s HTML.

	<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet" />
<!-- Place Font Awesome icons just about anywhere with the <i> tag. -->
<i class="fa fa-camera-retro"></i> fa-camera-retro

This is how easy it is to add these icons to your website, dont forget to add the correct references. 🙂

Read More
Font Awesome, the iconic font designed for Bootstrap
Font Awesome Icons
Get Started with Font Awesome
Font Awesome Examples
Font Awesome | Bootstrap Cheat Sheets

Check out the examples link mentioned above above to add these awesome icons in various ways to your website.

If these icons look awesome also check my article on how to add BootStrap Glyphicons to your website.