Level Extreme platform
Subscription
Corporate profile
Products & Services
Support
Legal
Français
Bootstrap glyphicons images
Message
From
10/03/2014 11:39:16
 
General information
Forum:
CSS
Category:
Other
Miscellaneous
Thread ID:
01596003
Message ID:
01596026
Views:
27
>>>>>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.....
Previous
Next
Reply
Map
View

Click here to load this message in the networking platform