bootstrap glyphicon unlock is not displaying

twitter-bootstrap-3 glyphicons
Gangadhar JANNU picture Gangadhar JANNU · Jan 18, 2016 · Viewed 14.7k times · Source

I've table with a column status and possible values for status are 1 and 0.

Now I'm trying to show glyph-icon unlock but it is not at all displaying however glyph-icon lock is working fine.

I'm using bootstrap 3.3.5. I don't know why it is not displaying.

when I inspected using google chrome the corresponding icon class is not existed.

So it would be great if someone could provide the content value for unlock

Any help would be greatly appreciated.

Answer

Mark Hill picture Mark Hill · Jan 21, 2016

simple answer

Well based on your question I'm guessing you have a set up like this for your glyphicons:

<span class='glyphicon glyphicon-lock'></span>

That will show your padlocak correctly, and you want to know why

<span class='glyphicon glyphicon-unlock'></span>

is not showing. I did some research for you really quick, and on the site's official documentation for bootstrap components http://getbootstrap.com/components/, you'll see a listing of all the usable glyphicons in the bootstrap library, unlock is not one of them unfortunately.

alternative solution

Fontawesome is a set of icons that with a very large library, and yes your unlock icon is definitely on there. I'm not sure how you go about using all of this but I've found some resource links for you!

http://fortawesome.github.io/Font-Awesome/

Adding extra glyphicons to bootstrap

I hope at least some of this helps.

Related questions

Bootstrap 3 Glyphicons are not working

I downloaded bootstrap 3.0 and can't get the glyphicons to work. I get some kind of "E003" error. Any ideas why this is happening? I tried both locally and online and I still get the same problem.

Read More
Bigger Glyphicons

How do I make bigger Glyphicons in twitter bootstrap 3.0 (not 2.3.x). This code will make my glyphicons big: <button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-th-list"> </span> </button> How …

Read More
Bootstrap 3 unable to display glyphicon properly

I am migrating from bootstrap 2.3 to bootstrap 3 and everything works well. But when I tried to add some icons, the icon font doesn't displayed properly. I tried to look over here http://bootply.com/61521 and only '.glyphicon-envelope' was being …

Read More