glyphicons

问题 I want to present a button with @Html.ActionLink but i need to have my application font in the text. With this code: <span> @Html.ActionLink(" Create New", "Create", null, new { @class = "btn btn-warning glyphicon glyphicon-plus-sign" }) </span> I get my button but the Create New text appears with the glyphicon font-family. Putting the glyphicon classes in the span doesn't change anything 回答1: You should not add the glyphicon class to the a-tag. From the Bootstrap website: Don't mix with

问题 I'm using Bootstrap glyphicons for a web app and love the flexibility of being able to leverage them as fonts, since that's what they are, not graphics. However, I'm running into a challenge with the glyphicon-remove-sign icon, which has a colored circle surrounding an otherwise empty "x". I like the default look of the black surrounding the "x" and want to use it to close a rounded-cornered iframe. But, because that "x" is empty, it displays whatever is behind it: Ideally, I'd want to have

问题 I use this select - options in my AngularJS application: <select data-ng-model="userFilter" data-ng-options="c as c.firstname + ' ' + c.surname for c in vm.users"> <option></option> </select> and now I will add a glyphicon to each option value: <span class="glyphicon glyphicon-user"></span> is there a possibility to do it like this? 回答1: I don't know a way with ng-options, though you could use ng-repeat: <select data-ng-model="userFilterIndex" data-ng-change ="userFilter = vm.users[

问题 I've got bootstrap files stored locally: <link rel="stylesheet" href="/bootstrap/3.2.0/css/bootstrap.min.css"> and <script src="/bootstrap/3.2.0/js/bootstrap.min.js"></script> but when I do this: <span class="glyphicon glyphicon-print" aria-hidden="true"></span> I get a little square character such as is displayed when the client doesn't have the proper font. I read here that there's separate CSS, but the link is broken. Any ideas how to resolve this? 回答1: Found it: Needed to locally create:

问题 I'm working on an Angular 4 Project using Bootstrap 4 with Sass, and I want to use the glyphicons but when I use the following code: <button class="btn btn-sm btn-primary"><span class="glyphicon glyphicon-thumbs-up"></span>Like</button> For example, when making a "like" button, the icon doesn't show. I configured the project to compile the SCSS stylesheets with the ng-serve command, my angular-cli.json looks like this: { "$schema": "./node_modules/@angular/cli/lib/config/schema.json",

问题 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? 回答1: 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

问题 This is an Awesome place. I hope to be competent enough soon to contribute solutions. Please, somebody help!!?! I have watched hours of youtube and read every post about asset pipeline pre-compilation on the web. For whatever reason I decided to use Rails 5.1.2 and I don't know if that is the problem. glyphicons don't render on Heroku or using rails s -e production on my local ubuntu. I type rake assets:precompile RAILS_ENV=production and get I, [2018-01-01T16:05:07.261287 #4745] INFO -- :

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

问题 I am using Bootstrap datetimepicker https://eonasdan.github.io/bootstrap-datetimepicker/ As mentioned in the document I was successfully able to change the up, down arrows using below code. $('#datetimepicker7').datetimepicker({ sideBySide: true, icons: { up: "fa fa-chevron-circle-up", down: "fa fa-chevron-circle-down", } }); May I know how to change the left, right icons of the calendar? For easy understanding I have highlighted the icons to be changes in below image. Any help would be

问题 Not sure if this even possible, I am trying to invoke a tooltip over a glyphicon inside an input group, my code (which does not work) is; <div class="input-group"> <input type="text" class="form-control" name="security" id="security"><span class="input-group-addon"><span class="glyphicon glyphicon-info-sign" data-toggle="tooltip" data-container: 'body' title="" data-original-title="Security Code"></span></span> </div> I'm using Bootstrap 3, and the latest version of jQuery. 回答1: You can get a