title: side by side text fields with bootstrap 3
body: <p>I am trying to have text fields with label above the text fields and text fields to be side by side. </p>
  
  <pre><code>&lt;form class="form form-horizontal" action="##" method="post" id="registrationForm"&gt;
          &lt;fieldset&gt;
              &lt;div class="form-group"&gt;
                  &lt;label class="col-xs-2 control-label" for="first_name" &gt;first name&lt;/label&gt;
                  &lt;div class="col-xs-4"&gt;
                      &lt;input type="text" class="form-control" name="first_name" id="first_name" placeholder="first name" title="enter your first name if any."&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;label class="col-xs-2 control-label" for="last_name" &gt;Last name&lt;/label&gt;
                  &lt;div class="col-xs-4"&gt;
                      &lt;input type="text" class="form-control" name="last_name" id="last_name" placeholder="last name" title="enter your last name if any."&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="form-group"&gt;
                  &lt;label class="col-xs-2 control-label" for="phone" &gt;phone&lt;/label&gt;
                  &lt;div class="col-xs-4"&gt;
                      &lt;input type="text" class="form-control" name="phone" id="phone" placeholder="enter phone" title="enter your phone number if any."&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="form-group"&gt;
                  &lt;label class="col-xs-2 control-label" for="mobile" &gt;mobile&lt;/label&gt;
                  &lt;div class="col-xs-4"&gt;
                      &lt;input type="text" class="form-control" name="mobile" id="mobile" placeholder="enter mobile number" title="enter your mobile number if any."&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;label class="col-xs-2 control-label" for="email" &gt;email&lt;/label&gt;
                  &lt;div class="col-xs-4"&gt;
                      &lt;input type="email" class="form-control" name="email" id="email" placeholder="Email" title="enter your email."&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;label class="col-xs-2 control-label" for="password" &gt;password&lt;/label&gt;
                  &lt;div class="col-xs-4"&gt;
                      &lt;input type="password" class="form-control" name="password" id="password" placeholder="password" title="enter your password."&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;label class="col-xs-2 control-label" for="password2" &gt;password&lt;/label&gt;
                  &lt;div class="col-xs-4"&gt;
                      &lt;input type="password" class="form-control" name="password2" id="password2" placeholder="password2" title="enter your password2."&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;label class="col-xs-2 control-label"&gt;&lt;/label&gt;
                  &lt;div class="col-xs-4"&gt;
                      &lt;input type="checkbox" /&gt;
                      &lt;span class="lbl"&gt;User Agreement&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/div&gt;&lt;br /&gt;
              &lt;div class="form-actions"&gt;
                  &lt;div class="col-md-offset-2 col-md-4"&gt;
                      &lt;button class="btn btn-sm btn-success" type="submit"&gt;
                          &lt;i class="glyphicon glyphicon-ok-sign"&gt;&lt;/i&gt;
                          Register
                      &lt;/button&gt;
                       &amp;nbsp; &amp;nbsp;
                      &lt;button class="btn btn-sm" type="reset"&gt;
                          &lt;i class="glyphicon glyphicon-repeat"&gt;&lt;/i&gt;
                          Reset
                      &lt;/button&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/fieldset&gt;
      &lt;/form&gt;
  </code></pre>
  
  <p>I am using Bootstrap 3, can anyone tell me how to get the text fields side by side with label above. Thanks.</p>