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>:&nbsp; </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 (&#xf040;) disk   =  icon-save (&#xf0c7;) cross  = icon-remove (&#xf00d;) 

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>:&nbsp; </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

Popular posts from this blog

java - activate/deactivate sonar maven plugin by profile? -

python - TypeError: can only concatenate tuple (not "float") to tuple -

java - What is the difference between String. and String.this. ? -