title: Twitter Bootstrap and Forms
body: <p>I am using <a href="http://twitter.github.com/bootstrap/base-css.html#forms" rel="nofollow">Twitter Bootstrap</a>.  In the forms I can do horizontal layouts and vertical layouts but the class is on the <code>&lt;form&gt;</code> tag.  So, how to I do a little of both where I want to save space and put a couple of input boxes horizontally and the rest vertically?</p>
  
  <p>I have a form that looks like this:</p>
  
  <pre><code>Address [__________________]
  City [___________]
  State [__]
  Zip [_____]
  Country [____]
  </code></pre>
  
  <p>But I want it to look something like this:</p>
  
  <pre><code>Address [__________________]
  City [___________]
  State [__] Zip [_____] Country [____]
  </code></pre>
  
  <p>Please help with the CSS.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;form class="form-horizontal"&gt;
      &lt;fieldset&gt;
          &lt;div class="row-fluid"&gt; 
              &lt;div class="span6"&gt;
                  &lt;div class="control-group"&gt;
                      &lt;label class="control-label" for="Address"&gt;Mailing Address&lt;/label&gt;
                      &lt;div class="controls"&gt;
                          &lt;input data-val="true" data-val-required="Required" id="mailing" name="Address" type="text" value="1313 Mockingbird Lane" class="valid"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="control-group"&gt;
                      &lt;label class="control-label" for="City"&gt;City&lt;/label&gt;
                      &lt;div class="controls"&gt;
                          &lt;input class="span3 valid" id="city" name="City" type="text" value="Kaysville"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="control-group"&gt;
                      &lt;label class="control-label" for="State"&gt;State&lt;/label&gt;
                      &lt;div class="controls"&gt;
                          &lt;input class="span2" id="state" name="State" type="text" value="UT"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="control-group"&gt;
                      &lt;label class="control-label" for="PostalCode"&gt;Zip&lt;/label&gt;
                      &lt;div class="controls"&gt;
                          &lt;input class="span2" id="postalCode" name="PostalCode" type="text" value="12345"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="control-group"&gt;
                      &lt;label class="control-label" for="Country"&gt;Country&lt;/label&gt;
                      &lt;div class="controls"&gt;
                          &lt;input class="span3" id="country" name="Country" type="text" value="US"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/fieldset&gt;
  &lt;/form&gt;
  </code></pre>