title: How to add Search Icon next to my label?
body: <p>Hi I am working in Angular 4 designing using bootstrap 4.
  I tried to add search Icon at the end of my label.</p>
  
  <p>Codings below:</p>
  
  <pre><code>&lt;div class="row "&gt;
    &lt;div class="form-group col-lg-2"&gt;&lt;/div&gt;
    &lt;div class="form-group col-lg-4"&gt;
      &lt;label class="Bold"&gt;Location Id &lt;/label&gt;
      &lt;input type="text" class="form-control"  name="LocationId" &gt;
      &lt;span class="input-group-btn"&gt;
        &lt;button class="btn btn-info btn-md" type="button"&gt;&lt;i class="fa fa-search"&gt;&lt;/i&gt;&lt;/button&gt;
      &lt;/span&gt;
    &lt;/div&gt;
    &lt;div class="form-group col-lg-4"&gt;
      &lt;label class="Bold"&gt;Description &lt;/label&gt;               
      &lt;input type="text" class="form-control" name="description"&gt;
    &lt;/div&gt;
    &lt;div class="form-group col-lg-2"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but it comes like the attached image<a href="https://i.stack.imgur.com/x6RSG.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/x6RSG.jpg" alt="Click here"></a>. How to add icon at the end of label. Is any problem with my coding?</p>