title: Bootstrap 3 vertical form with one inline row of inputs
body: <p>How should I restructure the following markup such that the second row's inputs are inline with the label for time between them? I thought I might be able to use 'form-inline' on a div but it doesn't appear to apply the correct styling.</p>
  
  <p><a href="http://bootply.com/80058">http://bootply.com/80058</a></p>
  
  <pre><code>&lt;div class="well"&gt;
      &lt;form role="form"&gt;
          &lt;div class="row"&gt;
              &lt;fieldset&gt;
                  &lt;div class="form-group"&gt;
                      &lt;div class="col-md-12"&gt;
                          &lt;label for="address"&gt;To take me to&lt;/label&gt;
                          &lt;input type="text" name="address" id="address" class="form-control" placeholder="Enter a location" required&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/fieldset&gt;
          &lt;/div&gt;
          &lt;div class="row"&gt;
              &lt;fieldset&gt;
                  &lt;div class="form-group"&gt;
                      &lt;div class="col-md-12"&gt;
                          &lt;label for="date"&gt;Date &amp;amp; Time&lt;/label&gt;
                          &lt;input type="text" name="date" id="date" placeholder="Enter a date" class="form-control" required&gt;
                          &lt;label for="time"&gt;@&lt;/label&gt;
                          &lt;input type="text" name="time" id="time" placeholder="Enter a time" class="form-control" required&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/fieldset&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I want is to end up with </p>
  
  <blockquote>
  <pre><code>Take me to
  &lt;Address&gt;
  
  Date &amp; Time
  &lt;Date&gt; @ &lt;Time&gt;
  </code></pre>
  </blockquote>
  
  <p>But in such as way as to have the date @ time row's inputs expand and contract responsively.  It would be nice if they also acted like a col-md-n so that on smaller screens I end up with</p>
  
  <blockquote>
  <pre><code>Take me to
  &lt;Address&gt;
  
  Date &amp; Time
  &lt;Date&gt;
  @
  &lt;Time&gt;
  </code></pre>
  </blockquote>