glyphicons

Boootstrap glyphicons Firefox issues

北慕城南 提交于 2019-12-28 04:14:33
问题 I know that there's many other problems similar to this, but mine doesn't seem to meet any of the criteria of the other issues. My Bootstrap 3 glyphicons are working for every browser except Firefox. On Firefox, they display as weird symbols. This same problem is notorious when serving the glyphicons from a CDN, but that's not my issue as I'm using locally hosted font files. Also, I've already ensured that my files aren't corrupted. Here's my code. <head> <link rel="stylesheet" type="text/css

Make two divs of variable width adjacent and centered at the same time

我的梦境 提交于 2019-12-25 18:24:09
问题 I am stuck on a rather tricky CSS problem. This is what the banner for one our pages currently looks like: And here is the relevant HTML code: <div style="width: 50%; overflow: hidden; margin: 0 auto; line-height: 40px"> <div style="float: right"> <i class="glyphicon project-switcher glyphicon-chevron-down"></i> </div> <div> <h4 style="white-space: nowrap; overflow:hidden; text-overflow: ellipsis">Some Project Title</h4> </div> </div> As you can see, there is space between the project title

Change icon open on button bootstrap

岁酱吖の 提交于 2019-12-25 07:41:54
问题 I am using button with Bootstrap Glyphicon Components and have a lots of buttons on one page, it is using collapse to show hidden section.Here is example codes i have <button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#sixts-section-collapse">Prijava <span class="glyphicon glyphicon-menu-down"></span></button> <button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#sixts-section-collapse">Prijava <span class="glyphicon glyphicon-menu

Jumpy (buggy) glyph map icons on mouse rollover/rollout

早过忘川 提交于 2019-12-25 04:18:34
问题 In my initial task with the help of RoelN, I was able to convert the provinces of South Africa into SVG maps and piece the map together quite nicely I now need to animate this map which I have started doing but because the maps are all absolutely positioned and overlapping one another it is buggy when you try to select the right map. Simple animation: Rollover a province, province scales up by 50% Rollout of current province, map scales back to original size. Perhaps the best way to do this

Can we use glyphicons in Bootstrap 4?

余生颓废 提交于 2019-12-25 00:37:50
问题 I have been using glyphicons with bootstrap 3 and now when I update the cdn to bootstrap 4, they don't work. 回答1: From what I have seen, Bootstrap dropped support of them. however, you can always add it to your website manually. There are files or CDN's for it so you should not have any problems adding it to your website. There are also loads of alternatives like Material Icons by Google or FA. Download Glyphicons 回答2: glyphicons have been dropped support from bootstrap 4 and they worked with

Question mark in place of font icon for some font codes

久未见 提交于 2019-12-24 07:14:10
问题 I have custom font icon TTF file downloaded to the device. I also have mappings for font icon name and its font code. A question mark is being displayed instead of font icon for some of the font code. The font code points are received from server in decimal number format. I am doing this to display font icon: unichar decimal = [iconMap.fontCode unsignedShortValue];//fontCode is an NSNumber NSString *charStr = [NSString stringWithFormat:@"%C", decimal]; [self.button setTitle:charStr forState

Bootstrap Glyphicons don't show in IE10 or FF

こ雲淡風輕ζ 提交于 2019-12-24 03:27:50
问题 I'm having trouble getting the bootstrap glyphicons to show in IE10 or FF. I'm using the latest bootstrap 3 code and am including the glyphicons the standard way: <span class="glyphicon glyphicon-edit"></span> They work fine in Chrome, however in IE10 they aren't visible and generate errors in console: CSS3111: @font-face encountered unknown error. glyphicons-halflings-regular.eot CSS3111: @font-face encountered unknown error. glyphicons-halflings-regular.woff CSS3111: @font-face encountered

Province glyph/font sizes not lining up - Interactive map of South Africa

情到浓时终转凉″ 提交于 2019-12-24 01:19:44
问题 I need to build an interactive map of South Africa so that when someone clicks on the provinces the right Google Map displays. I eventually opted to convert a vector based map of South African provinces I have to fonts/glyphs. This worked super well and you can view them here. http://vane.co.za/files/south-african-province-glyphs/demo.html EDIT: I've added a jsFiddle here for the map The map is one whole map of South Africa with its different provinces so what I did was take each province

how do I properly position & scale these elements in CSS?

不问归期 提交于 2019-12-23 15:43:55
问题 I've been able to properly position & scale a few elements in my webpage using html & css, however due to the rules of positioning, I've gotten stuck on how to continue this action with two more elements. The chevron icon in the picture must be below the last paragraph entitled "scroll down", & I also want it to scale with the screen size as I have been successfully able to do with the other text/elements as you can see: here is the html: <!DOCTYPE html> <html> <head> <title>myWebpage</title>

how to use Glyphicons in bootstrap 4 and angular2?

与世无争的帅哥 提交于 2019-12-22 14:13:14
问题 I am doing an app with angular-cli and bootstrap4, but when I do some references to Glyphicons, the icons don´t appear. For example, when I add the following code: <button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-star" aria-hidden="true"></span> Star </button> I did the bootstrap installation in my angular project with: $ npm install --save bootstrap@4.0.0-alpha.6 I should make any extra step to have the Glyphicons in bootstrap? Do I should install