title: bootstrap input aligned with button
body: <p>I'm trying to have on the same line: text, search box and the button "Locate", but the following code seems not working because what I get is: the text "Map for network..." aligned with the input box while the "Locate" button is below the input box. Any suggestion? </p>
  
  <pre><code>&lt;div style="border-color:#FCD229; margin-bottom:0px" class="panel panel-primary"&gt;
    &lt;!-- Default panel contents --&gt;
    &lt;div style="border-color:#FCD229; background-color:#FCD229"class="panel-heading"&gt;
      &lt;div class="input-group"&gt;
        &lt;label class="control-label col-lg-8"&gt;Map for Network&lt;p class="badge"&gt;&lt;?php echo $net_name ?&gt;&lt;/p&gt;&lt;/label&gt;
        &lt;div class="form-horizontal col-lg-4"&gt;
          &lt;input id="marker_id" name="address" class="form-control input-sm" type="text" placeholder="node name.."&gt;
          &lt;span class="input-group-btn"&gt;
            &lt;button type="submit" class="btn btn-default btn-sm"&gt;Locate&lt;/button&gt;
          &lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>