glyphicons

问题 I've been looking everywhere for a good explanation of how to add glyphicons to rails link_to and button_to helpers, but I've found very little. What I've gathered so far has led me to this: <li> <%= link_to deals_path, class: "btn btn-default" do %> <%= content_tag(:i, "Dasboard",:class=>' glyphicon, glyphicon-th-large') -%> <% end %> </li> This doesn't work though and I think the one example I found was from Bootstrap 2. Can anyone point me to a good resource on this, or provide a quick

问题 I need to write a CSS for an icon font build using the site flaticon. I develop using a MAC with 10.10 and can't find any way to retrieve a single character Unicode value that I need to insert inside my CSS .font-icon-pencil:before { content: "\e038"; } How can I read the contents of a font file, to get the icon codes within that custom-made font? 回答1: On MacOS Sierra I'm able to get a unicode value of icon in Font Book (default app). Install the font. Open the user installed font in Font

问题 This question already has answers here : Creating a favicon [closed] (10 answers) Closed 6 years ago . 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? 回答1: That method will not work. The

问题 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

问题 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> 回答1: You can just give the glyphicon a font-size to your liking: span.glyphicon-link { font-size: 1.2em; } 回答2:

问题 We have a project that uses glyphicons intensively. Bootstrap v4 drops the glyphicon font altogether. Is there an equivalent for icons shipped with Bootstrap V4? http://v4-alpha.getbootstrap.com/migration/ 回答1: You can use both Font Awesome and Github Octicons as a free alternative for Glyphicons. Bootstrap 4 also switched from Less to Sass, so you might integerate the font's Sass (SCSS) into you build process, to create a single CSS file for your projects. Also see https://getbootstrap.com

问题 I stumbled across an issue with Bootstrap Glyphicons not working with Firefox but working with other browsers faultlessly. Q: How to make Glyphicons from Bootstrap 3.1.1 work with firefox? (I answered this myself and this was part of the original post) When i sought information as to what might be causing this issue there are only a few articles that did not solve my issue focusing mainly on older versions and not explaining the required fix. I then after some time worked out that by solely

问题 I create this question to share my recent knowledge of a weird IE behaviour. An intranet web application (ASP.NET) is under construction by myself and some Glyphicons are on a page. When I run the website on localhost, using Visual Studio, no problem appear. But when I deploy it on the IIS server, icons was not rendering anymore. Situation 1: on the server Situation 2: on localhost This problem only appear in IE (v. 8 here) when viewing it on the server. Firefox and Chrome work properly,

问题 I don't know why, but my glyphicons from Bootstrap (3.3.7) are missing, they are being substituted by a normal and ugly square. Here is an example of code that calls a missing glyphicon: <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-star" aria-hidden="true"></span> Star </button> And here it is the Bootstrap part that contains glyphicon's font: @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('.

问题 I'm trying to use datepicker from bootstrap (http://eternicode.github.io/bootstrap-datepicker/) and everything works fine except none of the glyphicons are showing up. I saw that glyphicons are moved to another directory under bootstrap 3 (http://glyphicons.getbootstrap.com/) which is what I'm using, but I wasn't sure how I can integrate it. Both <input type="text" value="12-02-2012" date-date-format="yyyy-mm-dd" class="datepicker"> And <div class="input-append date datepicker" data-date="12