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
Post a Comment