glyphicons

How do I use Bootstrap Glyphicons in 3.0.0?

我的未来我决定 提交于 2019-12-04 22:42:18
I'm using Glyphicons in Bootstrap. I was calling in the CSS straight from http://glyphicons.getbootstrap.com/css/bootstrap-glyphicons.css but this has now disappeared and was not recommended. This apparently coincides with Twitter making the Glyphicons available in the Bootstrap package again. I am using Bootstrap 3.0.0 RC1 or RC2. My problem: I have no idea how to use the icons in my own hosting... Seems to me the code is contained within the bootstrap.css (?). I have uploaded the "fonts" directory but am only getting blank, empty-box icons where there should be proper icons. Any ideas please

Local bootstrap 3.1 glyphicons not loading in Firefox

做~自己de王妃 提交于 2019-12-04 19:14:15
I'm creating a local HTML UI font icons from bootstrap don't load in Firefox, they do in Chrome and IE. Not working/does not apply: https://superuser.com/questions/446001/firefox-cannot-render-icons-from-font-awesome-webfont-set glyphicons are not loading Bootstrap 3 cdn glyphicons not loading in firefox only Glyphicons from bootstrap 3 not rendering on Firefox https://github.com/MaxCDN/bootstrap-cdn/issues/196 The problem is apparently https://developer.mozilla.org/en/docs/HTTP/Access_control_CORS What works for me is: "If you have a page at file:////pages/mypage.html, then you can only load

Bootstrap3 - Glyphicons are not displayed in Chrome, only

蓝咒 提交于 2019-12-04 12:15:45
问题 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 回答1: 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

Some of Bootstrap3 glyphicons are not displayed correctly on phonegap android webview

北城余情 提交于 2019-12-04 08:05:01
问题 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

Remove Glyphicons from Bootstrap

萝らか妹 提交于 2019-12-04 07:32:45
How can I remove all instances of glyphicons from the bootstrap 3? It looks like it's heavily embedded into the .css file :( I'm trying to keep the file size minimum as possible. I'm going to assume that you're not building Bootstrap with the LESS or SASS code base and are downloading the whole library pre-built. If so, go to Bootstrap's customize page and uncheck any components that you don't want, i.e. Glyphicons, then download the new source. A lot of the online font library tools, I like to use Fontello myself, will allow you to select just the icons you want and create an icon font from

cakePHP 3.0 and bootstrap glyphicons

99封情书 提交于 2019-12-04 06:55:21
问题 I want to add glyphicons instead of text in my index, add, edit views. This works in the index.ctp <?= $this->Html->link(__('<i class="glyphicon glyphicon-pencil"></i>'), ['action' => 'edit', $user->user_id], array('escape' => false)) ?> But when I do it for the delete action it shows me the glyphicon but it doesn't give me the 'Are you sure you want to delete the user?' anymore <?= $this->Form->postLink(__('<i class="glyphicon glyphicon-minus"></i>'), ['action' => 'delete', $user->user_id],

Adding extra glyphicons to bootstrap

房东的猫 提交于 2019-12-04 03:48:56
Dear fellow designers/developers I have created 8 extra glyphicons for my bootstrap website. Uploaded them to icomoon and downloaded them as font, this all works perfect. I am able to add my font to my CSS and use it in HTML withou any problem, but I want to use the font as extra Glyphicons. How can I do this? refer to this website which provides the font icons to bootstrap Font-Awesome download fontawesome here fontawesome.io add css file link to your page <link href='/path/to/font-awesome.css' rel='stylesheet'/> use css classes mentioned in font-awesome.css stating with 'fa-' example: <i

Xamarin Forms Icons

那年仲夏 提交于 2019-12-04 02:27:57
I'm wondering how I can implement icons inside my Xamarin Forms app. I want to use something like glyphicons or font awesome. However, I have no idea how to implement it into my xaml/c# pages. Ideally, I am aiming for something like this: If someone could provide the code to display an icon like the search bar or three lines, that would be great. I can format it to look pretty. I'm struggling with how to actually pull in the icon! Kevin Le - Khnle The easiest way may be is to use https://github.com/jsmarcus/Xamarin.Plugins From Visual Studio or Xamarin Studio, install the following packages:

Vertical align glyphicon in bootstrap 3

旧巷老猫 提交于 2019-12-04 01:23:57
I have a glyphicon as such: <div class="col-xs-4 col-sm-2"> <span class="glyphicon glyphicon-circle-arrow-up glyphicon-large"></span> </div> .glyphicon-large { min-height: 260px; font-size: 35px; width: 1em; display: block; top: 50%; margin: -0.5em auto 0px; } The glyphicon won't align to the center, vertically. When I open firefox, inspect element, and toggle off/on the top 50% rule, it suddenly works. How come? Browser Bug Explanation According to MDN on top : For relatively positioned elements (those with position: relative ), it specifies the amount the element is moved below its normal

Bootstrap 3.0.3 glyphicons displaying emoticons on iOS 7

…衆ロ難τιáo~ 提交于 2019-12-04 00:06:04
问题 I use Bootstrap 3.0.3 glyphicons. All is ok on desktop browsers and on Android devices. My problem is about Apple devices (tested on iPhone and iPad running iOS7). The glyphicons look like emoticons. I've found some issues but not answering my problem. Here is the link to view the screenshot : http://www.fredericblancheton.fr/imgdisallow/image.png Thank you for your help. 回答1: I had a similar problem, but only when another font was included via font-face inside the stylesheet. It seems that