title: Add bootstrap icon inside input at right side
body: <p>I'm starting to work with bootstrap and I need to do the following: I have an input which I want to add two icons together on the right side, for the moment grouping them into a '<code>div</code>', but I'm going down, I'm not very good with <code>css</code> ni design so it would be very helpful to tell me how I should do it.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/&gt;
  &lt;div class="col-lg-4"&gt;
  &lt;input type='text' value='' class='form-control'&gt;&lt;a&gt;&lt;i class='fa fa-check-circle fa-2x' aria-hidden='true'&gt;&lt;/i&gt;&lt;/a&gt; &lt;a&gt;&lt;i class='fa fa-times-circle fa-2x' aria-hidden='true'&gt;&lt;/i&gt;&lt;/a&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>