title: bootstrap icon for username and password
body: <p>I am designing login page. Here I am adding icons for username and password, when I add icons along with icons someother icons also adding how to resolve this . Here is my code.</p>
  
  <pre><code>&lt;div class="left-inner-addon "&gt;
              &lt;i class="icon-user"&gt;&lt;/i&gt;
              &lt;input type="text" placeholder="User Name" name='j_username' &gt;
  &lt;/div&gt;&lt;/div&gt; 
  </code></pre>
  
  <p>and css is as follow,</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  .left-inner-addon {
      position: relative;
  }
  .left-inner-addon input {
      padding-left: 30px;    
  }
  .left-inner-addon i {
      position: absolute;
      padding: 10px 12px;
      pointer-events: none;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>and I dont have reputation to post pic of the login form .</p>