font-awesome

问题 I'm having a bit trouble with some font-awesome icons. I'm trying to increase the size of a few of them, but for some reason nothing I seem to do works. Here is my html <div class="span5 bookBuild"> <div class="well well-small"> <h4>Build your Book!</h4> <div class="span2"> <i class="icon-file icon-large"></i> </div><!--span2--> <div class="span9"> <p>This is a paragraph</p> </div><!--span9--> <p class="clearfix"></p> </div><!--well--> </div><!--span5--> and I have tried to add as you can see

问题 I'm having a bit trouble with some font-awesome icons. I'm trying to increase the size of a few of them, but for some reason nothing I seem to do works. Here is my html <div class="span5 bookBuild"> <div class="well well-small"> <h4>Build your Book!</h4> <div class="span2"> <i class="icon-file icon-large"></i> </div><!--span2--> <div class="span9"> <p>This is a paragraph</p> </div><!--span9--> <p class="clearfix"></p> </div><!--well--> </div><!--span5--> and I have tried to add as you can see

问题 I'm having a bit trouble with some font-awesome icons. I'm trying to increase the size of a few of them, but for some reason nothing I seem to do works. Here is my html <div class="span5 bookBuild"> <div class="well well-small"> <h4>Build your Book!</h4> <div class="span2"> <i class="icon-file icon-large"></i> </div><!--span2--> <div class="span9"> <p>This is a paragraph</p> </div><!--span9--> <p class="clearfix"></p> </div><!--well--> </div><!--span5--> and I have tried to add as you can see

问题 I'm using React-Bootstrap and building a Navbar. I want to replace the React-Bootstrap hamburger menu icon with a Font Awesome hamburger icon. How do I go about changing the built in hamburger menu? Here is my Navbar: <Navbar expand="lg"> <Navbar.Brand href="#home"> <FontAwesomeIcon icon="gem" color="#20FC8F" size="2x" /> </Navbar.Brand> <Navbar.Toggle aria-controls="basic-navbar-nav"/> <Navbar.Collapse id="basic-navbar-nav"> <Nav className="mr-auto"> <Nav.Link href="#home">Home</Nav.Link>

问题 In my HTML page I have a button in each row in a particular column. User may add new rows at runtime and these buttons are also inserted alongwith rest of the fields in each row. The buttons are being appended using the following: function funcAddBtnOpenPad() { // This funct being called at page onload // VARS FOR ADDING BUTTON IN CELL "5" // STORING BUTTON ATTRIBUTES var btnOpenPad = $('<input/>').attr({ type: 'button', id:'idBtnOpenPad', class:'clsBtnOpenPad', name:'btnOpenPad', value:

问题 I am trying to remove the padding below font awesome stack icons, have tried everything in my knowledge, and the solutions provided on stack overflow and other websites (from setting the font-size of the parent element to 0px and by inserting borders to rather than ) but all to no avail. There is something that i am clearly missing out. Thank you in advance for solving the question, cheers. JSFiddle: https://jsfiddle.net/sazeemj/dhvtrh2f/1/ //please ignore 回答1: You can fix this by adding

问题 Is there any way to change font awesome icon dynamically? I want user to be able to select one of font awesome icons dynamically. It works only when you add class first time. The place where I try to do it is - MatDialog . There is form where user have to select icon, background color and category name. To select icon user should open another dialog. I'm using Angular 9.1.4 and Font Awesome 5.13.0 . That's what I tried: 1. Using ngClass category-dialog.component.html <div [ngStyle]=

问题 Thank you for reading my message, here is my problem : I'm using a navbar made with Bulma in which I display either login/register buttons or a profile picture icon from FontAwesome using {{#if currentUser}} as shown below ("S'inscrire" and "Se connecter" means register and login in French) : <div class="navbar-end"> <div class="navbar-item"> <div class="buttons"> {{#if currentUser}} <!-- Displayed only when the user is logged in--> <i class="fas fa-user icon is-large" id="userProfile"></i> {

问题 I'm trying to add a class to <span id="sp1"> using: document.getElementById("sp1").classList.add("fa fa-hand-rock-o"); But it is showing error: String contains an invalid character 回答1: fa fa-hand-rock-o can not be a single class because class names can not have space(s). Here I assume you are trying to add two different classes. When adding multiple classes by using classList.add() specify all the classes as individual comma separated string like: .add("fa", "fa-hand-rock-o") Code Example:

问题 I'm trying to add a class to <span id="sp1"> using: document.getElementById("sp1").classList.add("fa fa-hand-rock-o"); But it is showing error: String contains an invalid character 回答1: fa fa-hand-rock-o can not be a single class because class names can not have space(s). Here I assume you are trying to add two different classes. When adding multiple classes by using classList.add() specify all the classes as individual comma separated string like: .add("fa", "fa-hand-rock-o") Code Example: