glyphicons

Using a Glyphicon as an LI bullet point (Bootstrap 3)

廉价感情. 提交于 2019-11-28 16:50:19
How can I change the bullet points in an HTML list and use the glyphicons that come with Bootstrap 3? So that: <ul> <li>...</li> <li>...</li> </ul> Displays as: [icon] Facere possimus, omnis voluptas assumenda est, numquam eius modi omnis dolor repellendus. Non numquam eius modi numam dolor omnis tempora incidunt ut labore. [icon] Facere possimus, omnis voluptas assumenda est, numquam eius modi omnis dolor repellendus. Non numquam eius modi numam dolor omnis tempora incidunt ut labore. I would prefer not to have to inject extra HTML such as this... <ul> <li><i class="glyphicon glyphicon

Add image in title bar [duplicate]

假如想象 提交于 2019-11-28 16:39:41
This question already has an answer here: Creating a favicon [closed] 10 answers How do I add image in title bar? I have title- "Webnet" Merging it with a FontAwesome Glyphicon's icon images as- <title><i class="icon-user icon-black"></i>Webnet</title> And I tried it replacing with image source- <title><img src="assests/img/user-Hermosillo.png" ></img>Webnet</title> But title shows innerHTML instead of showing image there. Any help? That method will not work. The <title> only supports plain text. You will need to create an .ico image with the filename of favicon.ico and save it into the root

How to remove error about glyphicons-halflings-regular.woff2 not found

一世执手 提交于 2019-11-28 16:17:01
ASP.NET MVC4 Bootstrap 3 application is running from Microsoft Visual Studio Express 2013 for Web IDE. Chrome console shows always error http://localhost:52216/admin/fonts/glyphicons-halflings-regular.woff2 Failed to load resource: the server responded with a status of 404 (Not Found) This file exists in the fonts directory in the Solution Explorer. Build action is set to "Content" and Copy to Output directory is "Do not copy like in other font files". Bootstrap 3 is added to the solution using NuGet. How to fix this so that this error does not occur? Application shows Glyphicon and

Only some glyphicons showing in IE

醉酒当歌 提交于 2019-11-28 12:17:25
Me and my colleague have been trying to solve this problem for awhile and we can not get it to work. Hopefully someone out there is smarter than us and have some good input on this. When using IE8, IE9 or IE10 to visit websites http://glyphicons.com/ or http://getbootstrap.com/components/ not all the glyphicons are showing (some are showing but others just show as boxes []). In Chrome all are showing. EDIT: I should add that this is on computers on our company network. Could there be a setting here that prevents us for show all glyphicons? EDIT2: I now have suspicions that our Group Policy

Rails link_to tag tag with styled glyphicon

半城伤御伤魂 提交于 2019-11-28 11:34:29
I am trying to use glyph icons that I have styled in my rails app. I want to make the icon a link to another page, but can't use the standard bootstrap styling because I have customised the links for my page's style. I keep getting a keyword class error - does anyone know why? Thank you. I have the following link in my view: <li><%= link_to <span class="glyphicon glyphicon-comment"></span>, page_path('messages') %> </li> I also have css as follows: span.glyphicon-comment { vertical-align:middle; margin:auto; padding:10px; font-size: 2em; text-align: right; a:link {text-decoration:none;

How to use a Bootstrap 3 glyphicon in an html select

左心房为你撑大大i 提交于 2019-11-28 09:04:01
I need to make a subset of the Bootstrap 3 glyphicons selectable in my ui by the user. I tried this: <select class="form-control"> <option><span class="glyphicon glyphicon-cutlery"></span></option> <option><span class="glyphicon glyphicon-eye-open"></span></option> <option><span class="glyphicon glyphicon-heart-empty"></span></option> <option><span class="glyphicon glyphicon-leaf"></span></option> <option><span class="glyphicon glyphicon-music"></span></option> <option><span class="glyphicon glyphicon-send"></span></option> <option><span class="glyphicon glyphicon-star"></span></option> <

Bootstrap loading wrong glyphicon

放肆的年华 提交于 2019-11-28 08:18:02
问题 Hello I am tyring to use bootstraps glyphicons but they are not working. Im trying to load glyphicon-ok, glyphicon-remove, and glyphicon-star. but the problem is that these icons load instead. http://imagebin.org/301047 heres my head secion <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.css" rel="stylesheet" type="text/css"> <link href="css/bootstrap-theme.css" rel="stylesheet" type="text/css"> <link href="css/styles.css" rel=

Bigger Glyphicons

我是研究僧i 提交于 2019-11-28 03:16:42
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 can I get this size without using the btn-lg class while using only a span ? This gives a small glyphicon: <span class="glyphicon glyphicon-link"></span> You can just give the glyphicon a font-size to your liking: span.glyphicon-link { font-size: 1.2em; } Here's how I do it: <span style="font-size:1.5em;" class="glyphicon glyphicon-th-list"></span> This allows you to

bootstrap 3.2.0 glyphicons are not displaying in internet explorer

怎甘沉沦 提交于 2019-11-27 20:23:26
问题 I am useing twitter bootstrap 3.2.0 and I use some glyphicons they work properly in ff, chrome, and opera but they are not displayed within the Internet Explorer. The strange thing is, if i open the getbootstrap.com website and look at the "Components" section, even there they aren't displayed properly, so I doubt any implementing issues on my side. Does anybody else have a similiar issue?? Or is knowing something about this behaviour? Here is a Scrennshot of how it looks in my Internet

Using a Glyphicon as an LI bullet point (Bootstrap 3)

被刻印的时光 ゝ 提交于 2019-11-27 19:59:26
问题 How can I change the bullet points in an HTML list and use the glyphicons that come with Bootstrap 3? So that: <ul> <li>...</li> <li>...</li> </ul> Displays as: [icon] Facere possimus, omnis voluptas assumenda est, numquam eius modi omnis dolor repellendus. Non numquam eius modi numam dolor omnis tempora incidunt ut labore. [icon] Facere possimus, omnis voluptas assumenda est, numquam eius modi omnis dolor repellendus. Non numquam eius modi numam dolor omnis tempora incidunt ut labore. I