title: How to get input-group-addons side to input. Bootstrap
body: <p>I have the following code:
  <a href="https://jsfiddle.net/mL4N7/9/" rel="nofollow">https://jsfiddle.net/mL4N7/9/</a></p>
  
  <pre><code>    &lt;fieldset&gt;
          &lt;div class="form-group col-xs-6"&gt;
              &lt;div class="col-xs-12"&gt;
                  &lt;select class="form-control" id="excel-select"&gt;
                  &lt;/select&gt;
                  &lt;span class="input-group-addon form-control"&gt;
                      &lt;a href="#" boxId="pickExcelBox" class="info"&gt;
                          &lt;span class="glyphicon glyphicon-question-sign"&gt;
                          &lt;/span&gt;
                      &lt;/a&gt;
                  &lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="form-group col-xs-6"&gt;
              &lt;div class="col-xs-12"&gt;
                  &lt;select class="form-control" id="f-glossary-select"&gt;
                  &lt;/select&gt;
                  &lt;span class="input-group-addon form-control"&gt;
                      &lt;a href="#" boxId="chooseGlosCat" class="info"&gt;
                          &lt;span class="glyphicon glyphicon-question-sign"&gt;
                          &lt;/span&gt;
                      &lt;/a&gt;
                  &lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="form-group col-xs-6"&gt;
              &lt;div class="col-xs-12"&gt;
                  &lt;span class="input-group-addon form-control"&gt;
                      &lt;span class="glyphicon glyphicon-tags"&gt;&lt;/span&gt;
                      &lt;/span&gt;
                      &lt;input type="number" min="0" step="1" class="form-control" id="processIDColumn" placeholder="P"&gt;
                      &lt;span class="input-group-addon form-control"&gt;
                          &lt;a href="#" boxId="p" class="info"&gt;
                              &lt;span class="glyphicon glyphicon-question-sign"&gt;
                              &lt;/span&gt;
                          &lt;/a&gt;
                      &lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="form-group col-xs-6"&gt;
              &lt;div class="col-xs-12"&gt;
                  &lt;span class="input-group-addon form-control"&gt;
                      &lt;span class="glyphicon glyphicon-tags"&gt;&lt;/span&gt;
                  &lt;/span&gt;
                  &lt;input type="number" min="0" step="1" class="form-control" id="reqIDColumn" placeholder="R"&gt;
                  &lt;span class="input-group-addon form-control"&gt;
                      &lt;a href="#" boxId="r" class="info"&gt;
                          &lt;span class="glyphicon glyphicon-question-sign"&gt;
                          &lt;/span&gt;
                      &lt;/a&gt;
                  &lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="form-actions col-xs-6"&gt;
              &lt;div class="col-md-offset-2 col-md-4"&gt;
                  &lt;button type="button" class="btn btn-primary" data-trigger="ActionHandler" data-actionhandler-options="'uc':'relink','cont':'relinkMsgContainer', 'url':'test3', 'mod':'f'" &gt;Run&lt;/button&gt;
  
                  &amp;nbsp;&amp;nbsp;&lt;button type="button" class="btn btn-success rightOfButton" data-trigger="ActionHandler" data-actionhandler-options="'uc':'relink','cont':'relinkMsgContainer','sim':true, 'url':'test3', 'mod':'f'"&gt;Simulate&lt;/button&gt;
                                                                      &lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/fieldset&gt;
  </code></pre>
  
  <p>My goal was to have input fields side by side. Now it works, BUT
  the input-group-addons aren't side-by-side anymore. How to get this working?</p>
  
  <p>Thanks a lot!</p>