javascript - Using font-awesome in a code -
i have following code in jsp file
<div class="row-fluid"> <div style="text-align: left;" class="span3 row-fluid"> <label><spring:message code="alert.channels.outbound.lines"></spring:message>: </label> </div> <div class = "span3"> <div class="textbox"> <div class="textval">${alertstatusform.outboundlines}</div> <div class="pencil span3 "> <img src="/static/img/pencil.png" alt="edit"> </div> <div class="save span3"> <img src="/static/img/disk.png" alt="save"> </div> <div class="close span3"> <img src="/static/img/cross.png" alt="close"> </div> </div> </div> </div>
now have use font-awesome in place of pencil.png , disk.png , cross.png . have following codes above pencil , disk , cross as
pencil = icon-pencil () disk = icon-save () cross = icon-remove ()
from website http://fortawesome.github.io/font-awesome/cheatsheet/
please let me know how use above codes in place of
you can write change <i>
tag instead of <img>
<div class="row-fluid"> <div style="text-align: left;" class="span3 row-fluid"> <label><spring:message code="alert.channels.outbound.lines"></spring:message>: </label> </div> <div class = "span3"> <div class="textbox"> <div class="textval">${alertstatusform.outboundlines}</div> <div class="pencil span3 "> <i class="icon-edit"></i> </div> <div class="save span3"> <i class= "icon-save"></i> </div> <div class="close span3"> <i class= "icon-folder-close"></i> </div> </div> </div> </div>
besure have link font awsome css or add link in layout or views
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet"> <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
Comments
Post a Comment