css - bootstrap icon for username and password -


i designing login page. here adding icons username , password, when add icons along icons someother icons adding how resolve . here code.

<div class="left-inner-addon ">             <i class="icon-user"></i>             <input type="text" placeholder="user name" name='j_username' > </div></div>  

and css follow,

<style type="text/css"> .left-inner-addon {     position: relative; } .left-inner-addon input {     padding-left: 30px;     } .left-inner-addon {     position: absolute;     padding: 10px 12px;     pointer-events: none; } </style> 

and dont have reputation post pic of login form .

i got idea of facing, according current standards of twitter bootstrap, have use following code achieve want. had tested on live server , working fine. replace html code following code :

<div class="input-group">   <span class="input-group-addon glyphicon glyphicon-user"></span>   <input type="text" class="form-control" placeholder="user name" name='j_username'> </div> 

i hope help.


Comments

Popular posts from this blog

c# - How to get the current UAC mode -

postgresql - Lazarus + Postgres: incomplete startup packet -

javascript - Ajax jqXHR.status==0 fix error -