title: bootstrap group inputs horizontally
body: <p>i have a multi line form and in one of the lines i want to group two input and a button horizontally using bootstrap. <a href="http://jsfiddle.net/3sv5hy2c/1/" rel="nofollow noreferrer">JSFIDDLE</a></p>
  <pre><code>&lt;form&gt;
  &lt;div class=&quot;form-group&quot;&gt;
      &lt;lable&gt;first :&lt;/lable&gt;
      &lt;div class=&quot;input-group&quot;&gt;
          &lt;input type=&quot;text&quot; class=&quot;form-control&quot; value=&quot;123&quot; style=&quot;width:50px;&quot;/&gt; &lt;span class=&quot;input-group-btn&quot;
                                                                                          style=&quot;width:0px;&quot;&gt;&lt;/span&gt;
  
          &lt;input type=&quot;text&quot; class=&quot;form-control&quot; value=&quot;test2&quot; disabled/&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class=&quot;form-group&quot;&gt;
      &lt;lable&gt;second :&lt;/lable&gt;
      &lt;div class=&quot;input-group&quot;&gt;
          &lt;input type=&quot;text&quot; class=&quot;form-control&quot; value=&quot;123&quot; style=&quot;width:50px;&quot;/&gt; &lt;span class=&quot;input-group-btn&quot;
                                                                                          style=&quot;width:0px;&quot;&gt;&lt;/span&gt;
  
          &lt;input type=&quot;text&quot; class=&quot;form-control&quot; value=&quot;test2&quot; disabled/&gt; &lt;span class=&quot;input-group-btn&quot;&gt;
      &lt;button class=&quot;btn btn-primary&quot; type=&quot;button&quot;&gt;...&lt;/button&gt;
  &lt;/span&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>the problem is white space between inputs :
  <img src="https://i.stack.imgur.com/XPE3E.png" alt="enter image description here" /></p>
  <p>how to align inputs and button side by side without space?</p>
  <p><strong>Update :</strong>
  I don't want the second input that has value of 'test2' to be fixed width.but the first input and button with fixed width.</p>