title: How to put the image inline on right hand side of text field in Bootstrap framework?
body: <p>I'm using <code>Bootstrap framework v3.0.1</code></p>
  
  <p>Following is the HTML code part, where I have a problem:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
    &lt;label class="col-sm-4 col-sm-offset-1 control-label"&gt;Enter Field ID from challan&lt;span style="color:#FF0000"&gt;*&lt;/span&gt; :&lt;/label&gt;
    &lt;div class="col-sm-5"&gt;
      &lt;input type="text" class="form-control" name="field_id" id="field_id"/&gt;&lt;img src="img/demo_img.png" width="20" height="20"/&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here I want to put the image exactly in front of text field having Id "trans_id". I want to add this image after two white spaces. </p>
  
  <p>In above code the image is coming on next line of text field.</p>
  
  <p>Can someone help me in this regard?</p>