title: Horizontal Form - Best way to set width of a control label?
body: <p>I'm new to twitter bootstrap and I'm working with a horizontal form.  My code is something like this:</p>
  
  <pre><code>&lt;form class="form-horizontal"&gt;
      &lt;div class="control-group"&gt;
          &lt;label class="control-label" for="whatever"&gt;Whatever&lt;/label&gt;
          &lt;div class="controls"&gt;
              &lt;select id="whatever" name="whatever"&gt;
                  &lt;option value="blah"&gt;Blah&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="control-group"&gt;
          &lt;label class="control-label" for="another"&gt;Another&lt;/label&gt;
          &lt;div class="controls"&gt;
              &lt;select id="something" name="something"&gt;
                  &lt;option value="MyEntry"&gt;MyEntry&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;button type="submit" class="btn"&gt;Search&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>When I do this the form looks fine.  The only problem is the length of the control-label is way too long so I get a lot of whitespace to the left of the labels.  Is there a way to shorten the label so I don't get as much whitespace?</p>
  
  <p>Thanks.</p>