glyphicons

Strangely, none of Bootstrap3 glyphicons are displaying in Chrome v31(displays a small square). But, works fine in FF v26, Opera v18, Safari v5.1 and IE v10. Also, works fine in Android 4.x - Chrome and FF. Tested with simple code: <span class="glyphicon glyphicon-adjust"></span> Please help. Thanks much in advance! Environment: Windows 8.0 Rather than fix your problem, I prefer to teach you how to fix your own problem. Right click on the element and choose "Inspect Element". That will bring up a window showing you some useful information about the html and the CSS that's applied to it. If it

I'm using Bootstrap 3 in my project and I'm using FontAwesome icons library instead of bundled Glyphicons . The problem is that I have some third-party components that rely on Glyphicons and I don't want to change their HTML. I'm including font-awesome via Bower and SASS + Compass (SCSS). Is it possible to replace Glyphicons with FontAwesome without changing the HTML and applying another CSS classes? You can use the following approach to overload Glyphicon CSS classes with FontAwesome ones using SCSS: // Overloading "glyphicon" class with "fa". .glyphicon { @extend .fa; // Overloading

Please have a look at this attached screenshot . It is my PhoneGap testing app - taken on a Galaxy S4. You should see that the bell, bookmark, briefcase, and camera icons (and more) are not displayed as expected. Here are my observations: All icons can be displayed correctly in browsers (chrome, safari), on both PC and mobile devices All icons can be displayed correctly in the same app for ios (checked in iphone/ipad, ios7) The "question mark" can only be seen in an Android app. Does anyone know the reason why? It's a problem with the escape sequences. If you can reliably maintain a UTF-8

I know some basics of CSS and HTML and sometimes work with them, but am not a professional, and I'm curious about how Bootstrap Glyphicons work. I mean there are no images in the Bootstrap zip file, so where do the images come from? In Bootstrap 2.x, Glyphicons used the image method - using images as you mentioned in your question. The drawbacks with the image method was that: You couldn't change the color of the icons You couldn't change the background-color of the icons You couldn't increase the size of the icons So instead of glyphicons in Bootstrap 2.x, a lot of people used Font-awesome,

I would like to make the globe glyphicon bigger so that it covers up a large portion of the page (it's a vector image). It's not in a button or anything; it's just alone. Is there a way to do this? <div class = "jumbotron"> <span class="glyphicon glyphicon-globe"></span> </div> Increase the font-size of glyphicon to increase all icons size. .glyphicon { font-size: 50px; } To target only one icon, .glyphicon.glyphicon-globe { font-size: 75px; } Fontawesome has a perfect solution to this. I implemented the same. just on your main .css file add this .gi-2x{font-size: 2em;} .gi-3x{font-size: 3em;}

I am trying to underline with one line the <a> and the <span> I want it all to be a link with an underline. It leaves a small space between the word and the span, but it shouldn't. <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" > <a href="#" role="button"> Saber mais <span class="glyphicon glyphicon-menu-right size"></span> <span class="glyphicon glyphicon-menu-right size segundoGlyph "></span> </a> Edit 1: And when the text size is higher than the glyphicon? the icon has a thin line and the text a heavy line! Temani Afif You may add it on

I've been trying to add icons to my save, delete, etc. buttons. I have about five buttons using the <g:actionSubmit> tag to call an action in a controller to perform the corresponding functions. My problem is that FontAwesome and bootstrap's glyphicons require the <i class="icon-***"> tag to be used like so: <a href="http://google.com"> <i class="icon-ok"></i> Google </a> In grails this format of the tag in between the initial tag is not possible (at least with actionSubmit ). The value attribute is the string that is displayed. Is there any work around for this? Keep in mind I still need to