title: Bootstrap 3 form 2 columns
body: <p>I'm trying to make a bootstrap horizontal form with 2 columns. The issue i'm running into is not everything on the second column is going to have something and I need to make an "empty space" of the size of the first column.</p>
  
  <p>I'm trying to have the end time label be inline with the start time label.</p>
  
  <pre><code>&lt;form class="form-horizontal container" role="form" name="event" ng-controller="eventFormController"&gt;
      &lt;div class="row hidden-xs"&gt;
          &lt;div class="col-sm-6 col-md-6 col-lg-6"&gt;
              &lt;div class="form-group"&gt;
                  &lt;label for="selectBusinesses" class="col-sm-3 col-md-3 col-lg-2 control-label"&gt;Businesses&lt;/label&gt;
                  &lt;div class="col-sm-5 col-md-4 col-lg-3"&gt;
                      &lt;select id="selectBusinesses" class="form-control" ng-model="event.business" name="businesses"  ng-options=""&gt;&lt;/select&gt;
                  &lt;/div&gt;
                  &lt;div class="col-sm-4 col-md-4 col-lg-3"&gt;
                      &lt;button type="button" class="btn btn-primary"&gt;&lt;span class="glyphicon glyphicon-plus"&gt;&lt;/span&gt;&lt;/button&gt;
                      &lt;button type="button" class="btn btn-danger"&gt;&lt;span class="glyphicon glyphicon-minus"&gt;&lt;/span&gt;&lt;/button&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;label for="selectEventType" class="col-sm-3 col-md-3 col-lg-2  control-label"&gt;Event Type&lt;/label&gt;
                  &lt;div class="col-sm-9 col-md-6 col-lg-5"&gt;
                      &lt;select id="selectEventType" class="form-control" ng-model="event.eventType" name="eventType" ng-options=""&gt;&lt;/select&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;label for="status" class="col-sm-3 col-md-3 col-lg-2control-label"&gt;Status&lt;/label&gt;
                  &lt;div class="col-sm-9 col-md-6 col-lg-5"&gt;
                      {{event.status}}
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;label for="inputTopic" class="col-sm-3 col-md-3 col-lg-2 control-label"&gt;Topic&lt;/label&gt;
                  &lt;div class="col-sm-9 col-md-6 col-lg-5"&gt;
                      &lt;input type="text" class="form-control" id="inputTopic" ng-model="event.topic" name="topic" ng-maxlength="100" /&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;label for="inputStartTime" class="col-sm-3 col-md-3 col-lg-2 control-label"&gt;Start Time&lt;/label&gt;
                  &lt;div class="col-sm-9 col-md-6 col-lg-5"&gt;
                      &lt;timepicker ng-model="event.startTime" hour-step="hStep" minute-step="mStep" show-meridian="ismeridian"&gt;&lt;/timepicker&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="col-sm-6 col-md-6 col-lg-6"&gt;
              &lt;div class="row"&gt;&lt;/div&gt;
              &lt;div class="form-group"&gt;&lt;/div&gt;
              &lt;span class="form-group"&gt;&lt;/span&gt;
              &lt;span class="form-group"&gt;&lt;/span&gt;
              &lt;span class="form-group"&gt;&lt;/span&gt;
              &lt;div class="form-group"&gt;
                  &lt;label for="inputEndTime" class="col-sm-3 col-md-3 col-lg-2 control-label"&gt;End Time&lt;/label&gt;
                  &lt;div class="col-sm-9 col-md-6 col-lg-5"&gt;
                      &lt;timepicker ng-model="event.endTime" hour-step="hStep" minute-step="mStep" show-meridian="ismeridian"&gt;&lt;/timepicker&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/B1sZ9.jpg" alt="offset"></p>
  
  <p>As you can see the End time doesn't match up with the start time. I'm unsure what the best way to approach this. Should I split each form-group instead of having two columns?</p>