>>>>>I would like to add an image of key for a password input or some other glyphicons to my pages but something does not work.
>>>>>
>>>>>The page:
>>>>>
>>>>>
http://marcoceppi.github.io/bootstrap-glyphicons/>>>>>
>>>>>shows that the example of use is:
>>>>>
>>>>>
>>>>><i class="icon-large icon-search"></i>
>>>>>
>>>>>or
>>>>>
>>>>><i class="icon-key"></i>
>>>>>
>>>>>
>>>>>but the above does not produce the desired result. My understanding is that all that I have to reference is Bootstrap.min.css which I do.
>>>>>
>>>>>What am I missing?
>>>>
>>>>Maybe the font files ? (glyphicons-halflings-regular.* ) - normally in the site /fonts folder.....
>>>
>>>It looks like all "icon-???" were taken out of Bootstrap.css. I looked inside the bootstrap.css and none found there.
>>
>>Which version of bootstrap ?
>>Look for .glyphicon class . The 'content' is the more specic classes simply specifies the relevant glyph character code, 'font-family' points to @font-face which is what loads the relevant font. Make sure the url matches the path to your fonts folder.....
>
>I use Bootstrap 3 (latest public version). You are correct that .glyphicons are available. But I was looking for specific icons/images like 'icon-key' (icon that looks like a key and you would place it next to the password textbox). And they are not listed. So I will have to do without them.
Ah - I think I see the problem. You were looking at icons from Bootstrap 2.0 - which were images and not font based. The available (font-based) glyphs for V3.0 are shown here:
http://getbootstrap.com/components/Note : Fonts are better because you can set the font color if you wish - far more flexible than an image.....