title: How to merge 2 inputs to 1 using bootstrap css?
body: <p>I have 2 <code>&lt;input&gt;</code> fields next to each other. The thing I want to achieve is similar to the for class <code>class="input-group-addon"</code> in Bootstrap - unfortunately it's only for <code>&lt;span&gt;</code>.
  How can I merge these inputs to one?</p>
  
  <p><a href="https://jsfiddle.net/DTcHh/30247/" rel="nofollow noreferrer">jsFiddle</a></p>
  
  <p>This is what I am looking for: </p>
  
  <p><a href="https://jsfiddle.net/DTcHh/30247/" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8uUbi.png" alt="target"></a></p>